diff --git a/dist/iwmlib.js b/dist/iwmlib.js index 9710c65..d1ebd35 100644 --- a/dist/iwmlib.js +++ b/dist/iwmlib.js @@ -3364,7 +3364,9 @@ } close() { + console.log('SCATTER WAS CLOSED!'); this._callCloseCallbacks(); + this._removeCallbacks(); this._removeSelfFromScatterContainer(); } @@ -3374,6 +3376,11 @@ } } + _removeCallbacks() { + this.onClose = []; + this.onTransform = []; + } + _removeSelfFromScatterContainer() { // Removes self from container when it's closed. if (this.container) { @@ -7638,8 +7645,6 @@ } } - /** To avoid problems with relative URL paths, we use inline data URI to load svg icons. */ - /** * A class that collects static methods to maintain the states and parts of * EyeVisit like cards. @@ -7650,11 +7655,35 @@ static setup(context, modules = []) { console.log('Setup Card...', modules); context.modules = []; + + context.module = {}; + + context.classList.add('info-card'); + context.setAttribute('data-id', Card.id++); + modules.forEach(module => { - if (module.apply(context)) context.modules.push(module.constructor.name); + if (module.apply(context)) { + const moduleName = module.constructor.name; + context.modules.push(moduleName); + context.module[moduleName] = module; + } }); } + static remove(context) { + for (let module of Object.values(context.module)) { + module.remove(); + } + } + + static eventClose(event) { + let context = this.getContext(event.target); + + if (context) { + this.constructor.close(context); + } else console.error('Could not find context!', event.target); + } + /** * * @@ -7662,13 +7691,12 @@ * @param {*} event * @memberof Card */ - static close(event) { - let context = this.getContext(event.target); - if (context) { - if (context.onClose) { - context.onClose(event); - } else context.parentNode.removeChild(context); - } else console.error('Could not find context!', event.target); + static close(context) { + console.log('CLOSE CARD!!!'); + this.unregisterAllEvents(context); + if (context.onClose) { + context.onClose(event); + } else context.parentNode.removeChild(context); } /** @@ -7680,12 +7708,12 @@ * @param {*} replaceFunc * @memberof Card */ - static _replaceAttributes(html, attribute, replaceFunc) { + static _replaceAttributes(context, html, attribute, replaceFunc) { let clickables = html.querySelectorAll(`[${attribute}]`); clickables.forEach(element => { let attributeVal = element.getAttribute(attribute); element.removeAttribute(attribute); - replaceFunc.call(this, element, attributeVal); + replaceFunc.call(this, context, element, attributeVal); }); } @@ -7699,7 +7727,7 @@ * @returns * @memberof Card */ - static _replaceCallback(element, attributeVal) { + static _replaceCallback(context, element, attributeVal) { if (element.tagName == 'A') { element.addEventListener('click', event => { event.preventDefault(); @@ -7731,7 +7759,7 @@ // These are 'hardcoded' inside the convert.js. if (element.tagName == 'circle') return false - InteractionMapper.on(interactionType, element, event => { + this.registerEvent(context, interactionType, element, event => { /** * Replaces the strings from the listener with the cooresponding variables. */ @@ -7783,6 +7811,13 @@ /<\s*(a|video|img|image|circle)\s(.*?)(xlink:href|href|src)\s*=\s*["'](\..*?)["']\s*(.*?)>/g, function(data) { let path = that._getRelativePath(arguments[4]); + + console.log('REPLACE ', arguments[1]); + if (arguments[1] == 'a') { + console.error('NOT REPLACING LINKS'); + return '' + } + const tag = `<${arguments[1]} ${arguments[2]} ${arguments[3]}="${path}" ${arguments[5]}>`; /* if (that.debug) */ console.log('Adjusted: ', tag); return tag @@ -7979,6 +8014,7 @@ if (this.debug) console.log('Close Popup.', context, popup); window.popup = popup; popup.close(); + InteractionMapper.off(popup.element); this._unsetPopup(context); } else { console.error('Requested to close popup, but popup was not found.'); @@ -8348,7 +8384,7 @@ // but for simplicity it's just done here for now. // TODO: Adjust to load while animating (Problem: Unload when cancelled). console.log('loadHighlightPopup', src, position, local); - this._loadPopupContent(src) + this._loadPopupContent(context, src) .then(content => { this._openPopup(context, src, local, content, { highlight: node, @@ -8375,14 +8411,14 @@ * @returns {Promise} - Returns a promise, that's resolved when the data is loaded. * @memberof Card */ - static _loadPopupContent(source) { + static _loadPopupContent(context, source) { return new Promise((resolve, reject) => { let xhr = new XMLHttpRequest(); xhr.open('get', source, true); xhr.onreadystatechange = () => { if (xhr.readyState == 4) { if (xhr.status == 200 || xhr.status == 0) { - let html = this.postProcessResponseText(xhr.responseText); + let html = this.postProcessResponseText(context, xhr.responseText); let selector = Card.popupHtmlSelector; let content = { html: html.body.innerHTML, selector }; resolve(content); @@ -8477,6 +8513,9 @@ let wrapper = this.getContext(node); let zoomable = node.closest('figure'); + if (zoomable == null) { + return + } // load mainimg - if none exists, there is nothing to open let img = zoomable.querySelector('.mainimg'); @@ -8735,18 +8774,18 @@ } /** - * Closes a zoomable object with animation + * Closes an zoomable object with an animation. * * @static - * @param {any} wrapper - the wrapper containing the index card - * @param {any} div - the figure containing the relevant elements - * @param {any} zoomable - the zoomable element, from which the zoomed figure originates - * @param {any} rect - the target rect for the tween (typically the top left width height of the zoomable) + * @param {DOMElement} context - Context of the zoomable. + * @param {*} zoomable + * @param {*} zoomedFig * @memberof Card */ static closeZoomable(context, zoomable, zoomedFig) { if (this.debug) console.log('Close Zoomable', context, zoomable, zoomedFig); + //TODO: Why do I need this check. Shouldn't it be always present?! - SO if (zoomable) { this._unsetZoomable(context); let caption = zoomable.querySelector('figcaption.cap'); @@ -8767,12 +8806,15 @@ TweenLite.set(zoomable, { opacity: 1 }); + let div = zoomedFig.parentNode; let videoElement = div.querySelector('video'); if (videoElement) videoElement.pause(); div.parentNode.removeChild(div); } }); + + InteractionMapper.off(zoomedFig); } } @@ -8862,6 +8904,7 @@ rotation: angle }); indexbox.prepend(clone); + clone.setAttribute('data-source', src); let titlebar = clone.querySelector('.titlebar'); let title = titlebar.querySelector('h2'); @@ -8886,7 +8929,7 @@ } //jquery hyphenate below - if (typeof $ != 'undefined') { + if (this.constructor._jQueryIsPresent()) { $('.column') .not('.overview') .children('p') @@ -8941,86 +8984,6 @@ Card._disableCardCloseButton(context); - const closeAnimation = () => { - //logging - if (src) { - let strparts = src.split('/'); - let cardID = strparts[strparts.length - 2]; - let cardName = strparts[strparts.length - 1]; - strparts = card.className.split(' '); - let cardType = strparts[1]; - let msg = 'Card: ' + cardID + ': closeTopic: ' + cardType + ', ' + cardName; - console.log('Logging:', msg); - Logging.log(msg); - } - - Card._cleanup(context); - Card._unsetSubcard(context); - - this._enableCardCloseButton(context); - - let previewTitlebar = card.querySelector('.titlebar'); - let titlebarStyle = window.getComputedStyle(previewTitlebar); - let titlebar = clone.querySelector('.titlebar'); - - TweenLite.to(titlebar, this.animation.articleTransition, { - height: parseInt(titlebarStyle.height) - }); - - TweenLite.to(articleClone, this.animation.articleTransition / 2, { - autoAlpha: 0 - }); - - let title = titlebar.querySelector('h2'); - let original = { - height: parseInt(titlebarStyle.height) - }; - - if (this.dynamicHeight) { - TweenLite.to(subcardContent, this.animation.articleTransition, { - height: '100%' - }); - } - - TweenLite.set(card, { autoAlpha: 1, css: { maxWidth } }); - TweenLite.to(clone, this.animation.articleTransition, { - x: localOrigin.x - padding, - y: localOrigin.y - padding, - scaleX, - scaleY, - ease: ExpoScaleEase.config(1, scaleX), - rotation: angle, - onComplete: () => { - // article.remove() - TweenLite.to(clone, this.animation.fade, { - //delay: 0.2, - autoAlpha: 0, - onComplete: () => { - if (editable) { - mainController.popController(); - } - clone.remove(); - } - }); - }, - onUpdateParams: ['{self}'], - onUpdate: function(self) { - let transform = self.target._gsTransform; - - TweenLite.set(title, { - scale: 1 / transform.scaleX - }); - - TweenLite.set(titlebar, { - height: (original.height * 1) / transform.scaleY - }); - - // Retain the border at same visual thickness. - titlebar.style.borderBottomWidth = desiredBorderBottomWidth / transform.scaleY + 'px'; - } - }); - }; - //TODO consider renaming it to something more intuitive. let iconClone = clone.querySelector('.card-icon'); @@ -9042,6 +9005,9 @@ if (this.dynamicHeight) { article.appendChild(iconClone); } + + const eventElements = [indexbox, iconClone, clone]; + // Use the 'tap' event for closing. // Otherwise the subcard cannot be closed, // when another subcard is touched. @@ -9051,17 +9017,113 @@ if (isDirty) { mainController.saveNode(html.innerHTML, url => { callback(url); - closeAnimation(); + this._closeIndexCard(context, card,{ + eventElements, + src + }); }); } else { - closeAnimation(); + this._closeIndexCard(context, card); } } else { - closeAnimation(); + this._closeIndexCard(context, card); } }); } + static _closeIndexCard(context, card, { + eventElements = [], + src = null + } = []) { + //logging + if (src) { + let strparts = src.split('/'); + let cardID = strparts[strparts.length - 2]; + let cardName = strparts[strparts.length - 1]; + strparts = card.className.split(' '); + let cardType = strparts[1]; + let msg = 'Card: ' + cardID + ': closeTopic: ' + cardType + ', ' + cardName; + console.log('Logging:', msg); + Logging.log(msg); + } + + Card._cleanup(context); + Card._unsetSubcard(context); + this._subcardChanged(context, true); + this._enableCardCloseButton(context); + + let previewTitlebar = card.querySelector('.titlebar'); + let titlebarStyle = window.getComputedStyle(previewTitlebar); + let titlebar = clone.querySelector('.titlebar'); + + TweenLite.to(titlebar, this.animation.articleTransition, { + height: parseInt(titlebarStyle.height) + }); + + TweenLite.to(articleClone, this.animation.articleTransition / 2, { + autoAlpha: 0 + }); + + let title = titlebar.querySelector('h2'); + let original = { + height: parseInt(titlebarStyle.height) + }; + + if (this.dynamicHeight) { + TweenLite.to(subcardContent, this.animation.articleTransition, { + height: '100%' + }); + } + + TweenLite.set(card, { autoAlpha: 1, css: { maxWidth } }); + TweenLite.to(clone, this.animation.articleTransition, { + x: localOrigin.x - padding, + y: localOrigin.y - padding, + scaleX, + scaleY, + ease: ExpoScaleEase.config(1, scaleX), + rotation: angle, + onComplete: () => { + // article.remove() + TweenLite.to(clone, this.animation.fade, { + //delay: 0.2, + autoAlpha: 0, + onComplete: () => { + if (editable) { + mainController.popController(); + } + clone.remove(); + } + }); + }, + onUpdateParams: ['{self}'], + onUpdate: function(self) { + let transform = self.target._gsTransform; + + TweenLite.set(title, { + scale: 1 / transform.scaleX + }); + + TweenLite.set(titlebar, { + height: (original.height * 1) / transform.scaleY + }); + + // Retain the border at same visual thickness. + titlebar.style.borderBottomWidth = desiredBorderBottomWidth / transform.scaleY + 'px'; + } + }); + } + + /** + * Tests if jQuery is properly included in the project. + * Otherwise specific features may not work correctly (e.g. hyphenation) + */ + _jQueryIsPresent() { + let jQueryInitialized = typeof $ != 'undefined'; + if (!jQueryInitialized) console.error('No jQuery is provided. Specific features may fail.'); + return jQueryInitialized + } + /** * Opens the index card. Called by the zoom icon click handler. * The assumed card structure is as follows: @@ -9124,14 +9186,10 @@ xhr.onreadystatechange = () => { if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) { let html = xhr.responseText; - let parsedHTML = this.postProcessResponseText(html); - - // TODO: What is this good for? - // let article = parsedHTML.querySelector('article') - // card.insertAdjacentElement('afterbegin', article) - // TweenLite.set(article, { autoAlpha: 0 }) - + let parsedHTML = this.postProcessResponseText(context, html); Card.expandIndexCard(card, parsedHTML, 'article', relativeSource, saveCallback); + + this._subcardChanged(context); } }; xhr.onerror = () => { @@ -9257,7 +9315,8 @@ * @returns * @memberof Card */ - static postProcessResponseText(htmlString) { + static postProcessResponseText(context, htmlString) { + console.error('RUN POSTPROCESS'); let editable = this.isEditable(); htmlString = this._adjustRelativeLinks(htmlString); @@ -9265,7 +9324,7 @@ let parser = new DOMParser(); let html = parser.parseFromString(htmlString, 'text/html'); if (!editable) { - this._replaceAttributes(html, 'onclick', this._replaceCallback); + this._replaceAttributes(context, html, 'onclick', this._replaceCallback); } let zoomableWrappers = html.querySelectorAll('.svg-wrapper'); zoomableWrappers.forEach(wrapper => { @@ -9386,7 +9445,7 @@ this._setPopupSource(popup, source); context.popup = popup; - if (typeof $ != 'undefined') { + if (this.constructor._jQueryIsPresent()) { //jquery hyphenate below console.log('hyphenated popup:', $('span').hyphenate('de')); } @@ -9485,8 +9544,44 @@ static get relativePath() { return Card._relativePath } + + static getRegisteredEvents(context) { + return context._registeredEvents == null ? [] : context._registeredEvents + } + + /** + * Helper method that registers InteractionMapper events on the info card. + * Those events are saved on the context element. An they are unregistered when the + * card is closed again. + * + * @static + * @param {DOMElement} context - Context of the Card. + * @param {string} types + * @param {DOMElement} element -Element on which the event is registered. + * @param {Function} callback - Function thats called when the event occurs. + * @memberof Card + */ + static registerEvent(context, types, element, callback) { + InteractionMapper.on(types, element, callback); + if (context._registeredEvents == null) context._registeredEvents = []; + if (context._registeredEvents.indexOf(element) == -1) context._registeredEvents.push(element); + } + + /** + * Unregisters all events on the infocard. + * + * + * @static + * @param {DomElement} context - Context of the card. + * @memberof Card + */ + static unregisterAllEvents(context) { + let eventElements = this.getRegisteredEvents(context); + InteractionMapper.off(eventElements); + } } + Card.id = 0; Card.debug = true; Card._relativePath = ''; Card.scatterContainer = null; @@ -10091,7 +10186,7 @@ * * @class ScatterCard */ - class ScatterCard extends Card { + class ScatterCard$1 extends Card { /** * TODO: Find a more suitable name. * Adjusts the HTML to work in the new context. @@ -10101,7 +10196,7 @@ * @param {*} htmlString * @param {*} basePath * @param {*} [opts={}] - * @memberof Card + * @memberof ScatterCard */ static setup(context, htmlString, { basePath = './', modules = [] } = {}) { context.classList.add('info-card'); @@ -10115,7 +10210,7 @@ /** * Conflicts with the FindTarget method of the Abstract scatter. */ - this._replaceAttributes(html, 'onclick', this._replaceCallback); + this._replaceAttributes(context, html, 'onclick', this._replaceCallback); let content = html.querySelector('.mainview'); context.appendChild(content); @@ -10137,7 +10232,16 @@ element.onClose = callback; } } - + /** + * Removes the close listener from a card element. + * + * @static + * @param {HTMLElement} element - Context of the Card. + * @memberof ScatterCard + */ + static removeOnCloseListener(element) { + element.onClose = null; + } /** * Creates a scatter for the card and applies the card to it, * @@ -10147,7 +10251,7 @@ * @param {string} [basePath=""] * @param {*} [opts={}] * @returns - * @memberof Card + * @memberof ScatterCard */ static createCardScatter(html, scatterContainer, { basePath = './', modules = [] } = {}) { let element = document.createElement('div'); @@ -10165,6 +10269,42 @@ return element } + /** + * Closes but NOT removes the scatter element. + * + * The remove must be called separately, it may be used in the close callback + * of the scatter. + */ + static close(context) { + + Card.close(context); + + if (context['scatter']) { + console.error('CLOSED CARD'); + context.scatter.close(); + } else { + console.error('Expected a scatter element to close!', this); + } + } + + /** + * Cleans up the card. + * + * @static + * @override + * @memberof ScatterCard + */ + static remove(context) { + if (context['scatter']) { + context.scatter = null; + console.error('REMOVED CARD'); + } else { + console.error('Expected a scatter element to remove!', this); + } + + Card.remove(context); + } + /** *Utility function to create a fully functional card scatter. * @@ -10204,13 +10344,13 @@ } } - ScatterCard.selectedLanguage = 0; - ScatterCard.languages = ['Deutsch', 'English']; - ScatterCard.languageTags = { + ScatterCard$1.selectedLanguage = 0; + ScatterCard$1.languages = ['Deutsch', 'English']; + ScatterCard$1.languageTags = { Deutsch: 'de', English: 'en' }; - ScatterCard.scatterContainer = null; + ScatterCard$1.scatterContainer = null; var CardPlugin = CardPlugin || {}; @@ -10360,7 +10500,6 @@ this.fadeAnimationDuration = fadeAnimationDuration; this.interactionType = interactionType; } - get require() { return [CardPlugin.LightBox] } @@ -10606,128 +10745,201 @@ this.className = className; this.parentSelector = parentSelector; this.interactionType = interactionType; - } - get require() { - return [CardPlugin.Ui] - } + - append(context) { - let container = context.querySelector(this.parentSelector); - this.button = document.createElement('div'); - this.button.className = 'icon button ' + this.className; - container.appendChild(this.button); - - InteractionMapper.on(this.interactionType, this.button, () => { - let subcard = context.querySelector('.mainview > .subcard'); - let target = subcard ? subcard : context; - - this.speak(target); - }); - } - - _activate() { - this._disableActive(); - this.active = this; - this._activateButton(); - } - - _activateButton() { - if (this.button) this.button.classList.add('active'); - } - - _deactivate() { - this._deactivateButton(); - } - - _deactivateButton() { - if (this.button) this.button.classList.remove('active'); - } - - _isSameNode(node) { - //console.log(this.currentText, node.innerText) - return this.currentText == node.innerText - } - - speak(node) { - console.log(this._isSameNode(node)); - - if (!window.speechSynthesis.speaking) { - console.log('Noone talking!'); - this._start(node); - } else if (this._isSameNode(node)) { - console.log('Requested same!'); - this._stop(); - } else { - console.log('Requested Different!'); - this._stop(); - this._start(node); - } - } - - _disableActive() { - console.log('disableActive:', this.active); - if (this.active) { - this.active._deactivate(); - } - } - - _start(node) { - this.currentText = node.innerText; - let utterance = new SpeechSynthesisUtterance(node.innerText); - - let voices = window.speechSynthesis.getVoices(); - console.log(voices); - let voice = voices.filter(val => { - //console.log(val) - return val.name == 'Microsoft Hedda Desktop - German' - })[0]; - - //console.log(voice) - - utterance.voice = voice; - console.log('TALK: ', utterance); - window.speechSynthesis.speak(utterance); - this._activate(); - window.speechSynthesis.resume(); - - utterance.onboundary = () => { - console.log('onboundary', node.innerText); - if (this.currentText.substring(0, 5) != node.innerText.substring(0, 5)) { - console.log('text for speech synth changed!', this.currentText, node.innerText); - this._stop(); - } - }; - utterance.onend = () => console.log('onend', node.innerText); - utterance.onerror = () => console.log('onerror', node.innerText); - utterance.onmark = () => console.log('onmark', node.innerText); - utterance.onpause = () => console.log('onpause', node.innerText); - utterance.onresume = () => console.log('onresume', node.innerText); - utterance.onstart = () => console.log('onstart', node.innerText); - utterance.onerror = () => console.log('onerror', node.innerText); - } - - _stop() { + /* + Speech doesn't stop when page is navigated. + Therefore we do it manually here. + */ + window.addEventListener('beforeunload', () => { window.speechSynthesis.cancel(); - this.currentText = null; - this._deactivate(); + }); + + // Binding the function beforehand ensures, that the end function is always the same. + this._end = this._end.bind(this); + + this._setupUtterance(); + this.utterance.addEventListener('end', event => { + this._end(); + }); + } + + get require() { + return [CardPlugin.Ui] + } + + subcardChanged(closed) { + if (this.cardActive) { + this._updateText(closed); + } + } + + get cardActive() { + return this.activeUtterance == this.utterance + } + + _updateText(ignoreSubcard = false) { + let node = this.context; + let subcard = this.context.querySelector('.mainview > .subcard'); + + if (ignoreSubcard) { + if (subcard != null) { + let clone = node.cloneNode(true); + let clonedSubcard = clone.querySelector('.mainview > .subcard'); + clonedSubcard.parentNode.removeChild(clonedSubcard); + node = clone; + } + } else { + if (subcard) { + let clone = subcard.cloneNode(true); + clone.querySelectorAll('figure').forEach(figure => { + figure.parentNode.removeChild(figure); + }); + + node = clone; + } } - get active() { - return this.constructor.active + let id = this.context.getAttribute('data-id'); + let src = this.context.getAttribute('data-source'); + let subcardSource = null; + if (subcard != null) { + subcardSource = subcard.getAttribute('data-source'); } - set active(val) { - this.constructor.active = val; + if (!window.speechSynthesis.speaking) { + this._start(node); + Logging.log(`Started speech on card: id:${id} - source: ${src} - subcard: ${subcardSource}`); + } else if (this.cardActive && this._sameText(node)) { + Logging.log(`Stopped speech on card: id:${id} - source: ${src} - subcard: ${subcardSource}`); + this._stop(); + } else { + Logging.log(`Updated Text on card: id:${id} - source: ${src} - subcard: ${subcardSource}`); + this._stop() + .then(() => { + this._start(node); + }) + .catch(console.error); } + } - get currentText() { - return this.constructor.text - } + _sameText(node) { + return this.utterance.text == this._cleanupText(node) + } + + _setupUtterance() { + this.utterance = new SpeechSynthesisUtterance(); + this.utterance.lang = 'de-DE'; + } + + get require() { + return [CardPlugin.Ui] + } + + remove() { + this.button = null; + super.remove(); + } + + append(context) { + let container = context.querySelector(this.parentSelector); + this.button = document.createElement('div'); + this.button.className = 'icon button ' + this.className; + container.appendChild(this.button); + + InteractionMapper.on(this.interactionType, this.button, () => { + this.speak(); + }); + + this.context.addEventListener('DOMNodeRemoved', event => { + if ( + this.context['lastSpeechNode'] == window.speechSynthesis['speechPluginNode'] && + event.target == this.context + ) { + this._stop(); + } + }); + } + + _isSameNode(node) { + return this.currentText == node.textContent + } + + speak() { + /** + * This is a little bit ugly, but imho the most elegant of all dirty solutions. + * + 5ht * Within the plugins we have no knowledge of other cards and such. But must differentiate the + * clicks by their corresponding owner. The SpeechUtterance just takes a text and has no knowledge + * about the node that is currently read to the user. + * + * This means, that we can identify same text, but not differentiate same text on different nodes. + * To account for that, we add the node to the speechSynthesis object (#benefitsOfJavaScript) and + * have access to the node, by - let's say - expanding the functionality of the SpeechSynthesis object. + * + * SO -17.07.19 + */ + + let activeNode = window.speechSynthesis['speechPluginNode']; + this._updateText(); + } + + async _stop() { + return new Promise(resolve => { + if (this.activeUtterance) { + this.activeUtterance.addEventListener('end', resolve, { + once: true + }); + } + + window.speechSynthesis.cancel(); + }) + } + + get activeUtterance() { + return window.speechSynthesis['speechPluginUtterance'] + } + + _end() { + window.speechSynthesis['speechPluginNode'] = null; + window.speechSynthesis['speechPluginUtterance'] = null; + this._deactivateButton(); + this.context.classList.remove('speech-plugin-is-reading'); + } + + _start(node) { + window.speechSynthesis.cancel(); + + window.speechSynthesis['speechPluginUtterance'] = this.utterance; + window.speechSynthesis['speechPluginNode'] = node; + this.context['lastSpeechNode'] = node; + + let cleanText = this._cleanupText(node); + this.utterance.text = cleanText; + window.speechSynthesis.speak(this.utterance); + this._activateButton(); + + this.context.classList.add('speech-plugin-is-reading'); + } + + _cleanupText(node) { + let text = node.textContent; + text = this._removeShy(text); + return text + } + + _removeShy(text) { + return text.replace(/\u00AD/g, '') + } + + _activateButton() { + if (this.button) this.button.classList.add('active'); + } + _deactivateButton() { + if (this.button) this.button.classList.remove('active'); + } - set currentText(val) { - this.constructor.text = val; - } }; /* eslint-disable no-unused-vars */ @@ -10842,7 +11054,7 @@ window.Card = Card; window.CardPlugin = CardPlugin; window.CardPluginBase = CardPluginBase; - window.ScatterCard = ScatterCard; + window.ScatterCard = ScatterCard$1; window.Highlight = Highlight$1; window.Theme = Theme; diff --git a/dist/iwmlib.pixi.js b/dist/iwmlib.pixi.js index b0a9f3f..2461bab 100644 --- a/dist/iwmlib.pixi.js +++ b/dist/iwmlib.pixi.js @@ -6979,7 +6979,9 @@ } close() { + console.log('SCATTER WAS CLOSED!'); this._callCloseCallbacks(); + this._removeCallbacks(); this._removeSelfFromScatterContainer(); } @@ -6989,6 +6991,11 @@ } } + _removeCallbacks() { + this.onClose = []; + this.onTransform = []; + } + _removeSelfFromScatterContainer() { // Removes self from container when it's closed. if (this.container) { diff --git a/lib/card/card.js b/lib/card/card.js index b9b1acc..800cb1b 100644 --- a/lib/card/card.js +++ b/lib/card/card.js @@ -1,3 +1,6 @@ + +'use strict'; + /** To avoid problems with relative URL paths, we use inline data URI to load svg icons. */ const closeIconDataURI = `data:image/svg+xml;utf8, @@ -31,11 +34,35 @@ export default class Card { static setup(context, modules = []) { console.log('Setup Card...', modules) context.modules = [] + + context.module = {} + + context.classList.add('info-card') + context.setAttribute('data-id', Card.id++) + modules.forEach(module => { - if (module.apply(context)) context.modules.push(module.constructor.name) + if (module.apply(context)) { + const moduleName = module.constructor.name + context.modules.push(moduleName) + context.module[moduleName] = module + } }) } + static remove(context) { + for (let module of Object.values(context.module)) { + module.remove() + } + } + + static eventClose(event) { + let context = this.getContext(event.target) + + if (context) { + this.constructor.close(context) + } else console.error('Could not find context!', event.target) + } + /** * * @@ -43,13 +70,12 @@ export default class Card { * @param {*} event * @memberof Card */ - static close(event) { - let context = this.getContext(event.target) - if (context) { - if (context.onClose) { - context.onClose(event) - } else context.parentNode.removeChild(context) - } else console.error('Could not find context!', event.target) + static close(context) { + console.log('CLOSE CARD!!!') + this.unregisterAllEvents(context) + if (context.onClose) { + context.onClose(event) + } else context.parentNode.removeChild(context) } /** @@ -61,12 +87,12 @@ export default class Card { * @param {*} replaceFunc * @memberof Card */ - static _replaceAttributes(html, attribute, replaceFunc) { + static _replaceAttributes(context, html, attribute, replaceFunc) { let clickables = html.querySelectorAll(`[${attribute}]`) clickables.forEach(element => { let attributeVal = element.getAttribute(attribute) element.removeAttribute(attribute) - replaceFunc.call(this, element, attributeVal) + replaceFunc.call(this, context, element, attributeVal) }) } @@ -80,7 +106,7 @@ export default class Card { * @returns * @memberof Card */ - static _replaceCallback(element, attributeVal) { + static _replaceCallback(context, element, attributeVal) { if (element.tagName == 'A') { element.addEventListener('click', event => { event.preventDefault() @@ -112,7 +138,7 @@ export default class Card { // These are 'hardcoded' inside the convert.js. if (element.tagName == 'circle') return false - InteractionMapper.on(interactionType, element, event => { + this.registerEvent(context, interactionType, element, event => { /** * Replaces the strings from the listener with the cooresponding variables. */ @@ -164,6 +190,13 @@ export default class Card { /<\s*(a|video|img|image|circle)\s(.*?)(xlink:href|href|src)\s*=\s*["'](\..*?)["']\s*(.*?)>/g, function(data) { let path = that._getRelativePath(arguments[4]) + + console.log('REPLACE ', arguments[1]) + if (arguments[1] == 'a') { + console.error('NOT REPLACING LINKS') + return '' + } + const tag = `<${arguments[1]} ${arguments[2]} ${arguments[3]}="${path}" ${arguments[5]}>` /* if (that.debug) */ console.log('Adjusted: ', tag) return tag @@ -361,6 +394,7 @@ export default class Card { if (this.debug) console.log('Close Popup.', context, popup) window.popup = popup popup.close() + InteractionMapper.off(popup.element) this._unsetPopup(context) } else { console.error('Requested to close popup, but popup was not found.') @@ -730,7 +764,7 @@ export default class Card { // but for simplicity it's just done here for now. // TODO: Adjust to load while animating (Problem: Unload when cancelled). console.log('loadHighlightPopup', src, position, local) - this._loadPopupContent(src) + this._loadPopupContent(context, src) .then(content => { this._openPopup(context, src, local, content, { highlight: node, @@ -757,14 +791,14 @@ export default class Card { * @returns {Promise} - Returns a promise, that's resolved when the data is loaded. * @memberof Card */ - static _loadPopupContent(source) { + static _loadPopupContent(context, source) { return new Promise((resolve, reject) => { let xhr = new XMLHttpRequest() xhr.open('get', source, true) xhr.onreadystatechange = () => { if (xhr.readyState == 4) { if (xhr.status == 200 || xhr.status == 0) { - let html = this.postProcessResponseText(xhr.responseText) + let html = this.postProcessResponseText(context, xhr.responseText) let selector = Card.popupHtmlSelector let content = { html: html.body.innerHTML, selector } resolve(content) @@ -859,6 +893,9 @@ export default class Card { let wrapper = this.getContext(node) let zoomable = node.closest('figure') + if (zoomable == null) { + return + } // load mainimg - if none exists, there is nothing to open let img = zoomable.querySelector('.mainimg') @@ -1117,18 +1154,18 @@ export default class Card { } /** - * Closes a zoomable object with animation + * Closes an zoomable object with an animation. * * @static - * @param {any} wrapper - the wrapper containing the index card - * @param {any} div - the figure containing the relevant elements - * @param {any} zoomable - the zoomable element, from which the zoomed figure originates - * @param {any} rect - the target rect for the tween (typically the top left width height of the zoomable) + * @param {DOMElement} context - Context of the zoomable. + * @param {*} zoomable + * @param {*} zoomedFig * @memberof Card */ static closeZoomable(context, zoomable, zoomedFig) { if (this.debug) console.log('Close Zoomable', context, zoomable, zoomedFig) + //TODO: Why do I need this check. Shouldn't it be always present?! - SO if (zoomable) { this._unsetZoomable(context) let caption = zoomable.querySelector('figcaption.cap') @@ -1149,12 +1186,15 @@ export default class Card { TweenLite.set(zoomable, { opacity: 1 }) + let div = zoomedFig.parentNode let videoElement = div.querySelector('video') if (videoElement) videoElement.pause() div.parentNode.removeChild(div) } }) + + InteractionMapper.off(zoomedFig) } } @@ -1244,6 +1284,7 @@ export default class Card { rotation: angle }) indexbox.prepend(clone) + clone.setAttribute('data-source', src) let titlebar = clone.querySelector('.titlebar') let title = titlebar.querySelector('h2') @@ -1268,7 +1309,7 @@ export default class Card { } //jquery hyphenate below - if (typeof $ != 'undefined') { + if (this.constructor._jQueryIsPresent()) { $('.column') .not('.overview') .children('p') @@ -1323,86 +1364,6 @@ export default class Card { Card._disableCardCloseButton(context) - const closeAnimation = () => { - //logging - if (src) { - let strparts = src.split('/') - let cardID = strparts[strparts.length - 2] - let cardName = strparts[strparts.length - 1] - strparts = card.className.split(' ') - let cardType = strparts[1] - let msg = 'Card: ' + cardID + ': closeTopic: ' + cardType + ', ' + cardName - console.log('Logging:', msg) - Logging.log(msg) - } - - Card._cleanup(context) - Card._unsetSubcard(context) - - this._enableCardCloseButton(context) - - let previewTitlebar = card.querySelector('.titlebar') - let titlebarStyle = window.getComputedStyle(previewTitlebar) - let titlebar = clone.querySelector('.titlebar') - - TweenLite.to(titlebar, this.animation.articleTransition, { - height: parseInt(titlebarStyle.height) - }) - - TweenLite.to(articleClone, this.animation.articleTransition / 2, { - autoAlpha: 0 - }) - - let title = titlebar.querySelector('h2') - let original = { - height: parseInt(titlebarStyle.height) - } - - if (this.dynamicHeight) { - TweenLite.to(subcardContent, this.animation.articleTransition, { - height: '100%' - }) - } - - TweenLite.set(card, { autoAlpha: 1, css: { maxWidth } }) - TweenLite.to(clone, this.animation.articleTransition, { - x: localOrigin.x - padding, - y: localOrigin.y - padding, - scaleX, - scaleY, - ease: ExpoScaleEase.config(1, scaleX), - rotation: angle, - onComplete: () => { - // article.remove() - TweenLite.to(clone, this.animation.fade, { - //delay: 0.2, - autoAlpha: 0, - onComplete: () => { - if (editable) { - mainController.popController() - } - clone.remove() - } - }) - }, - onUpdateParams: ['{self}'], - onUpdate: function(self) { - let transform = self.target._gsTransform - - TweenLite.set(title, { - scale: 1 / transform.scaleX - }) - - TweenLite.set(titlebar, { - height: (original.height * 1) / transform.scaleY - }) - - // Retain the border at same visual thickness. - titlebar.style.borderBottomWidth = desiredBorderBottomWidth / transform.scaleY + 'px' - } - }) - } - //TODO consider renaming it to something more intuitive. let iconClone = clone.querySelector('.card-icon') @@ -1434,6 +1395,9 @@ export default class Card { } }) } + + const eventElements = [indexbox, iconClone, clone] + // Use the 'tap' event for closing. // Otherwise the subcard cannot be closed, // when another subcard is touched. @@ -1443,17 +1407,113 @@ export default class Card { if (isDirty) { mainController.saveNode(html.innerHTML, url => { callback(url) - closeAnimation() + this._closeIndexCard(context, card,{ + eventElements, + src + }) }) } else { - closeAnimation() + this._closeIndexCard(context, card) } } else { - closeAnimation() + this._closeIndexCard(context, card) } }) } + static _closeIndexCard(context, card, { + eventElements = [], + src = null + } = []) { + //logging + if (src) { + let strparts = src.split('/') + let cardID = strparts[strparts.length - 2] + let cardName = strparts[strparts.length - 1] + strparts = card.className.split(' ') + let cardType = strparts[1] + let msg = 'Card: ' + cardID + ': closeTopic: ' + cardType + ', ' + cardName + console.log('Logging:', msg) + Logging.log(msg) + } + + Card._cleanup(context) + Card._unsetSubcard(context) + this._subcardChanged(context, true) + this._enableCardCloseButton(context) + + let previewTitlebar = card.querySelector('.titlebar') + let titlebarStyle = window.getComputedStyle(previewTitlebar) + let titlebar = clone.querySelector('.titlebar') + + TweenLite.to(titlebar, this.animation.articleTransition, { + height: parseInt(titlebarStyle.height) + }) + + TweenLite.to(articleClone, this.animation.articleTransition / 2, { + autoAlpha: 0 + }) + + let title = titlebar.querySelector('h2') + let original = { + height: parseInt(titlebarStyle.height) + } + + if (this.dynamicHeight) { + TweenLite.to(subcardContent, this.animation.articleTransition, { + height: '100%' + }) + } + + TweenLite.set(card, { autoAlpha: 1, css: { maxWidth } }) + TweenLite.to(clone, this.animation.articleTransition, { + x: localOrigin.x - padding, + y: localOrigin.y - padding, + scaleX, + scaleY, + ease: ExpoScaleEase.config(1, scaleX), + rotation: angle, + onComplete: () => { + // article.remove() + TweenLite.to(clone, this.animation.fade, { + //delay: 0.2, + autoAlpha: 0, + onComplete: () => { + if (editable) { + mainController.popController() + } + clone.remove() + } + }) + }, + onUpdateParams: ['{self}'], + onUpdate: function(self) { + let transform = self.target._gsTransform + + TweenLite.set(title, { + scale: 1 / transform.scaleX + }) + + TweenLite.set(titlebar, { + height: (original.height * 1) / transform.scaleY + }) + + // Retain the border at same visual thickness. + titlebar.style.borderBottomWidth = desiredBorderBottomWidth / transform.scaleY + 'px' + } + }) + } + + /** + * Tests if jQuery is properly included in the project. + * Otherwise specific features may not work correctly (e.g. hyphenation) + */ + _jQueryIsPresent() { + let jQueryInitialized = typeof $ != 'undefined' + if (!jQueryInitialized) console.error('No jQuery is provided. Specific features may fail.') + return jQueryInitialized + } + /** * Opens the index card. Called by the zoom icon click handler. * The assumed card structure is as follows: @@ -1516,14 +1576,10 @@ export default class Card { xhr.onreadystatechange = () => { if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) { let html = xhr.responseText - let parsedHTML = this.postProcessResponseText(html) - - // TODO: What is this good for? - // let article = parsedHTML.querySelector('article') - // card.insertAdjacentElement('afterbegin', article) - // TweenLite.set(article, { autoAlpha: 0 }) - + let parsedHTML = this.postProcessResponseText(context, html) Card.expandIndexCard(card, parsedHTML, 'article', relativeSource, saveCallback) + + this._subcardChanged(context) } } xhr.onerror = () => { @@ -1649,7 +1705,8 @@ export default class Card { * @returns * @memberof Card */ - static postProcessResponseText(htmlString) { + static postProcessResponseText(context, htmlString) { + console.error('RUN POSTPROCESS') let editable = this.isEditable() htmlString = this._adjustRelativeLinks(htmlString) @@ -1657,7 +1714,7 @@ export default class Card { let parser = new DOMParser() let html = parser.parseFromString(htmlString, 'text/html') if (!editable) { - this._replaceAttributes(html, 'onclick', this._replaceCallback) + this._replaceAttributes(context, html, 'onclick', this._replaceCallback) } let zoomableWrappers = html.querySelectorAll('.svg-wrapper') zoomableWrappers.forEach(wrapper => { @@ -1778,7 +1835,7 @@ export default class Card { this._setPopupSource(popup, source) context.popup = popup - if (typeof $ != 'undefined') { + if (this.constructor._jQueryIsPresent()) { //jquery hyphenate below console.log('hyphenated popup:', $('span').hyphenate('de')) } @@ -1877,8 +1934,44 @@ export default class Card { static get relativePath() { return Card._relativePath } + + static getRegisteredEvents(context) { + return context._registeredEvents == null ? [] : context._registeredEvents + } + + /** + * Helper method that registers InteractionMapper events on the info card. + * Those events are saved on the context element. An they are unregistered when the + * card is closed again. + * + * @static + * @param {DOMElement} context - Context of the Card. + * @param {string} types + * @param {DOMElement} element -Element on which the event is registered. + * @param {Function} callback - Function thats called when the event occurs. + * @memberof Card + */ + static registerEvent(context, types, element, callback) { + InteractionMapper.on(types, element, callback) + if (context._registeredEvents == null) context._registeredEvents = [] + if (context._registeredEvents.indexOf(element) == -1) context._registeredEvents.push(element) + } + + /** + * Unregisters all events on the infocard. + * + * + * @static + * @param {DomElement} context - Context of the card. + * @memberof Card + */ + static unregisterAllEvents(context) { + let eventElements = this.getRegisteredEvents(context) + InteractionMapper.off(eventElements) + } } +Card.id = 0 Card.debug = true Card._relativePath = '' Card.scatterContainer = null diff --git a/lib/card/plugin.js b/lib/card/plugin.js index 519245f..18e1fac 100644 --- a/lib/card/plugin.js +++ b/lib/card/plugin.js @@ -146,7 +146,6 @@ CardPlugin.EnlargeableThumbnail = class EnlargeableThumbnail extends CardPluginB this.fadeAnimationDuration = fadeAnimationDuration this.interactionType = interactionType } - get require() { return [CardPlugin.LightBox] } @@ -392,126 +391,201 @@ CardPlugin.Speech = class SpeechPlugin extends CardPluginBase { this.className = className this.parentSelector = parentSelector this.interactionType = interactionType - } - get require() { - return [CardPlugin.Ui] - } + - append(context) { - let container = context.querySelector(this.parentSelector) - this.button = document.createElement('div') - this.button.className = 'icon button ' + this.className - container.appendChild(this.button) - - InteractionMapper.on(this.interactionType, this.button, () => { - let subcard = context.querySelector('.mainview > .subcard') - let target = subcard ? subcard : context - - this.speak(target) - }) - } - - _activate() { - this._disableActive() - this.active = this - this._activateButton() - } - - _activateButton() { - if (this.button) this.button.classList.add('active') - } - - _deactivate() { - this._deactivateButton() - } - - _deactivateButton() { - if (this.button) this.button.classList.remove('active') - } - - _isSameNode(node) { - //console.log(this.currentText, node.innerText) - return this.currentText == node.innerText - } - - speak(node) { - console.log(this._isSameNode(node)) - - if (!window.speechSynthesis.speaking) { - console.log('Noone talking!') - this._start(node) - } else if (this._isSameNode(node)) { - console.log('Requested same!') - this._stop() - } else { - console.log('Requested Different!') - this._stop() - this._start(node) - } - } - - _disableActive() { - console.log('disableActive:', this.active) - if (this.active) { - this.active._deactivate() - } - } - - _start(node) { - this.currentText = node.innerText - let utterance = new SpeechSynthesisUtterance(node.innerText) - - let voices = window.speechSynthesis.getVoices() - console.log(voices) - let voice = voices.filter(val => { - //console.log(val) - return val.name == 'Microsoft Hedda Desktop - German' - })[0] - - //console.log(voice) - - utterance.voice = voice - console.log('TALK: ', utterance) - window.speechSynthesis.speak(utterance) - this._activate() - window.speechSynthesis.resume() - - utterance.onboundary = () => { - console.log('onboundary', node.innerText) - if (this.currentText.substring(0, 5) != node.innerText.substring(0, 5)) { - console.log('text for speech synth changed!', this.currentText, node.innerText) - this._stop() - } - } - utterance.onend = () => console.log('onend', node.innerText) - utterance.onerror = () => console.log('onerror', node.innerText) - utterance.onmark = () => console.log('onmark', node.innerText) - utterance.onpause = () => console.log('onpause', node.innerText) - utterance.onresume = () => console.log('onresume', node.innerText) - utterance.onstart = () => console.log('onstart', node.innerText) - utterance.onerror = () => console.log('onerror', node.innerText) - } - - _stop() { + /* + Speech doesn't stop when page is navigated. + Therefore we do it manually here. + */ + window.addEventListener('beforeunload', () => { window.speechSynthesis.cancel() - this.currentText = null - this._deactivate() - } + }) - get active() { - return this.constructor.active - } + // Binding the function beforehand ensures, that the end function is always the same. + this._end = this._end.bind(this) - set active(val) { - this.constructor.active = val - } + this._setupUtterance() + this.utterance.addEventListener('end', event => { + this._end() + }) +} - get currentText() { - return this.constructor.text - } +get require() { + return [CardPlugin.Ui] +} - set currentText(val) { - this.constructor.text = val +subcardChanged(closed) { + if (this.cardActive) { + this._updateText(closed) } } + +get cardActive() { + return this.activeUtterance == this.utterance +} + +_updateText(ignoreSubcard = false) { + let node = this.context + let subcard = this.context.querySelector('.mainview > .subcard') + + if (ignoreSubcard) { + if (subcard != null) { + let clone = node.cloneNode(true) + let clonedSubcard = clone.querySelector('.mainview > .subcard') + clonedSubcard.parentNode.removeChild(clonedSubcard) + node = clone + } + } else { + if (subcard) { + let clone = subcard.cloneNode(true) + clone.querySelectorAll('figure').forEach(figure => { + figure.parentNode.removeChild(figure) + }) + + node = clone + } + } + + let id = this.context.getAttribute('data-id') + let src = this.context.getAttribute('data-source') + let subcardSource = null + if (subcard != null) { + subcardSource = subcard.getAttribute('data-source') + } + + if (!window.speechSynthesis.speaking) { + this._start(node) + Logging.log(`Started speech on card: id:${id} - source: ${src} - subcard: ${subcardSource}`) + } else if (this.cardActive && this._sameText(node)) { + Logging.log(`Stopped speech on card: id:${id} - source: ${src} - subcard: ${subcardSource}`) + this._stop() + } else { + Logging.log(`Updated Text on card: id:${id} - source: ${src} - subcard: ${subcardSource}`) + this._stop() + .then(() => { + this._start(node) + }) + .catch(console.error) + } +} + +_sameText(node) { + return this.utterance.text == this._cleanupText(node) +} + +_setupUtterance() { + this.utterance = new SpeechSynthesisUtterance() + this.utterance.lang = 'de-DE' +} + +get require() { + return [CardPlugin.Ui] +} + +remove() { + this.button = null + super.remove() +} + +append(context) { + let container = context.querySelector(this.parentSelector) + this.button = document.createElement('div') + this.button.className = 'icon button ' + this.className + container.appendChild(this.button) + + InteractionMapper.on(this.interactionType, this.button, () => { + this.speak() + }) + + this.context.addEventListener('DOMNodeRemoved', event => { + if ( + this.context['lastSpeechNode'] == window.speechSynthesis['speechPluginNode'] && + event.target == this.context + ) { + this._stop() + } + }) + + ScatterCard +} + +_isSameNode(node) { + return this.currentText == node.textContent +} + +speak() { + /** + * This is a little bit ugly, but imho the most elegant of all dirty solutions. + * +5ht * Within the plugins we have no knowledge of other cards and such. But must differentiate the + * clicks by their corresponding owner. The SpeechUtterance just takes a text and has no knowledge + * about the node that is currently read to the user. + * + * This means, that we can identify same text, but not differentiate same text on different nodes. + * To account for that, we add the node to the speechSynthesis object (#benefitsOfJavaScript) and + * have access to the node, by - let's say - expanding the functionality of the SpeechSynthesis object. + * + * SO -17.07.19 + */ + + let activeNode = window.speechSynthesis['speechPluginNode'] + this._updateText() +} + +async _stop() { + return new Promise(resolve => { + if (this.activeUtterance) { + this.activeUtterance.addEventListener('end', resolve, { + once: true + }) + } + + window.speechSynthesis.cancel() + }) +} + +get activeUtterance() { + return window.speechSynthesis['speechPluginUtterance'] +} + +_end() { + window.speechSynthesis['speechPluginNode'] = null + window.speechSynthesis['speechPluginUtterance'] = null + this._deactivateButton() + this.context.classList.remove('speech-plugin-is-reading') +} + +_start(node) { + window.speechSynthesis.cancel() + + window.speechSynthesis['speechPluginUtterance'] = this.utterance + window.speechSynthesis['speechPluginNode'] = node + this.context['lastSpeechNode'] = node + + let cleanText = this._cleanupText(node) + this.utterance.text = cleanText + window.speechSynthesis.speak(this.utterance) + this._activateButton() + + this.context.classList.add('speech-plugin-is-reading') +} + +_cleanupText(node) { + let text = node.textContent + text = this._removeShy(text) + return text +} + +_removeShy(text) { + return text.replace(/\u00AD/g, '') +} + +_activateButton() { + if (this.button) this.button.classList.add('active') +} +_deactivateButton() { + if (this.button) this.button.classList.remove('active') +} + +} \ No newline at end of file diff --git a/lib/card/scatter.js b/lib/card/scatter.js index f3df28f..8a60b16 100644 --- a/lib/card/scatter.js +++ b/lib/card/scatter.js @@ -15,7 +15,7 @@ export default class ScatterCard extends Card { * @param {*} htmlString * @param {*} basePath * @param {*} [opts={}] - * @memberof Card + * @memberof ScatterCard */ static setup(context, htmlString, { basePath = './', modules = [] } = {}) { context.classList.add('info-card') @@ -29,7 +29,7 @@ export default class ScatterCard extends Card { /** * Conflicts with the FindTarget method of the Abstract scatter. */ - this._replaceAttributes(html, 'onclick', this._replaceCallback) + this._replaceAttributes(context, html, 'onclick', this._replaceCallback) let content = html.querySelector('.mainview') context.appendChild(content) @@ -51,7 +51,16 @@ export default class ScatterCard extends Card { element.onClose = callback } } - + /** + * Removes the close listener from a card element. + * + * @static + * @param {HTMLElement} element - Context of the Card. + * @memberof ScatterCard + */ + static removeOnCloseListener(element) { + element.onClose = null + } /** * Creates a scatter for the card and applies the card to it, * @@ -61,7 +70,7 @@ export default class ScatterCard extends Card { * @param {string} [basePath=""] * @param {*} [opts={}] * @returns - * @memberof Card + * @memberof ScatterCard */ static createCardScatter(html, scatterContainer, { basePath = './', modules = [] } = {}) { let element = document.createElement('div') @@ -79,6 +88,42 @@ export default class ScatterCard extends Card { return element } + /** + * Closes but NOT removes the scatter element. + * + * The remove must be called separately, it may be used in the close callback + * of the scatter. + */ + static close(context) { + + Card.close(context) + + if (context['scatter']) { + console.error('CLOSED CARD') + context.scatter.close() + } else { + console.error('Expected a scatter element to close!', this) + } + } + + /** + * Cleans up the card. + * + * @static + * @override + * @memberof ScatterCard + */ + static remove(context) { + if (context['scatter']) { + context.scatter = null + console.error('REMOVED CARD') + } else { + console.error('Expected a scatter element to remove!', this) + } + + Card.remove(context) + } + /** *Utility function to create a fully functional card scatter. * diff --git a/lib/card/test/example/01/01.jpg b/lib/card/test/example/01/01.jpg new file mode 100644 index 0000000..50acc63 Binary files /dev/null and b/lib/card/test/example/01/01.jpg differ diff --git a/lib/card/test/example/01/01.xml b/lib/card/test/example/01/01.xml new file mode 100644 index 0000000..bc30635 --- /dev/null +++ b/lib/card/test/example/01/01.xml @@ -0,0 +1,25 @@ + + +
+ + 01/thumbnail.jpg + + Das Rathaus + + + Das Rathaus ist das wichtigste Gebäude auf dem Marktplatz. Mit dem Bau wurde 1435 begonnen, seitdem wurde es immer wieder verändert, sodass es Merkmale vieler Baustile vom Spätmittelalter bis zum 21. Jahrhundert aufweist. Die auffällige Fassadengestaltung stammt aus dem 19. Jahrhundert. + +
+ + + + + + + + + + + + +
\ No newline at end of file diff --git a/lib/card/test/example/01/01_baugeschichte.html b/lib/card/test/example/01/01_baugeschichte.html new file mode 100644 index 0000000..b4d5612 --- /dev/null +++ b/lib/card/test/example/01/01_baugeschichte.html @@ -0,0 +1,42 @@ + + + Article with 50% Columns + + + + + + + + + + + + + + + + +
+
+

Tübingen wird Stadt

Bereits 1191 wurden in Tübingen Kaufleute erwähnt – ein Beweis für einen Handelsplatz und der erste Schritt hin zur Stadt. Schon damals dürfte Tübingen städtischen Charakter besessen haben, es wurde jedoch erst 1231 urkundlich als Stadt erwähnt. Das daraufhin erstarkte städtische Selbstbewusstsein und die erhebliche Wirtschaftskraft Tübingens ebneten den Weg für den Bau eines Rathauses, das in mehreren Bauphasen errichtet wurde.

Bauphasen

1435 Erster Rathausbau

1495 Erweiterung um ein Stockwerk

1510/11 Einbau der Astronomischen Uhr

1543 Erster Rathausanbau an der Haaggasse

1598 Einbau des Ziergiebels

1692 Erneute Renovierung

1876/77 Anbringung der heutigen Fassade

1910 Erneuerung des Anbaus an der Haaggasse

1965 Grundlegende Sanierungen

2016 Grundlegende Sanierungen

+
+
+
+ + + + + + +
+
+
Erster Rathausbau 15. Jh.
+
Rekonstruktion des Rathauses im 15. Jahrhundert, Stadtarchiv Tübingen
+
+

Der erste Rathausbau

Um am Marktplatz ein großes Rathaus zu errichten, wurden dort wohl mehrere staatliche Bürgerhäuser abgerissen. Der erste Rathausbau 1435 war ein Fachwerkbau mit drei Markthallen im Erdgeschoss und zwei Obergeschossen (siehe Abbildung). Im Erdgeschoss waren Verkaufsstände von Bäckern und Metzgern untergebracht, die sich bis dahin ohne Überdachung im Süden des Platzes befanden. Die Obergeschosse boten Raum für eine Verkaufshalle, die auch für Versammlungen und Feiern benutzt wurde, das Stadtgericht, das bis dahin ebenfalls auf dem Platz „direkt unter den Wolken“ tagte, sowie den Stadtrat.

+
+
+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/01_baugeschichte.xml b/lib/card/test/example/01/01_baugeschichte.xml new file mode 100644 index 0000000..ddf8753 --- /dev/null +++ b/lib/card/test/example/01/01_baugeschichte.xml @@ -0,0 +1,55 @@ + + + + + + + + +

Das wichtigste <br/>städtische Gebäude

+ + + Nach 200 Jahren <br/>endlich ein Rathaus + + + + + + Tübingen wird Stadt +

Bereits 1191 wurden in Tübingen Kaufleute erwähnt – ein Beweis für einen Handelsplatz und der erste Schritt hin zur Stadt. Schon damals dürfte Tübingen städtischen Charakter besessen haben, es wurde jedoch erst 1231 urkundlich als Stadt erwähnt. Das daraufhin erstarkte städtische Selbstbewusstsein und die erhebliche Wirtschaftskraft Tübingens ebneten den Weg für den Bau eines Rathauses, das in mehreren Bauphasen errichtet wurde.

+ ]]>
+ + + Bauphasen +

1435 Erster Rathausbau

+

1495 Erweiterung um ein Stockwerk

+

1510/11 Einbau der Astronomischen Uhr

+

1543 Erster Rathausanbau an der Haaggasse

+

1598 Einbau des Ziergiebels

+

1692 Erneute Renovierung

+

1876/77 Anbringung der heutigen Fassade

+

1910 Erneuerung des Anbaus an der Haaggasse

+

1965 Grundlegende Sanierungen

+

2016 Grundlegende Sanierungen

+ + ]]>
+ + + +
+ + + + + Der erste Rathausbau +

Um am Marktplatz ein großes Rathaus zu errichten, wurden dort wohl mehrere staatliche Bürgerhäuser abgerissen. Der erste Rathausbau 1435 war ein Fachwerkbau mit drei Markthallen im Erdgeschoss und zwei Obergeschossen (siehe Abbildung). Im Erdgeschoss waren Verkaufsstände von Bäckern und Metzgern untergebracht, die sich bis dahin ohne Überdachung im Süden des Platzes befanden. Die Obergeschosse boten Raum für eine Verkaufshalle, die auch für Versammlungen und Feiern benutzt wurde, das Stadtgericht, das bis dahin ebenfalls auf dem Platz „direkt unter den Wolken“ tagte, sowie den Stadtrat.

+ ]]>
+ + + +
+
+
\ No newline at end of file diff --git a/lib/card/test/example/01/01_besonderheiten.html b/lib/card/test/example/01/01_besonderheiten.html new file mode 100644 index 0000000..4f80214 --- /dev/null +++ b/lib/card/test/example/01/01_besonderheiten.html @@ -0,0 +1,51 @@ + + + Article with 50% Columns + + + + + + + + + + + + + + + + +
+
+

Die drei Schichten der Fassade

Unter der heutigen Bemalung der Rathausfassade (siehe Abbildung) liegen zwei ältere Malschichten: eine einfache Ausfüllung der Fachwerkfelder und darüber eine Grisaillemalerei. Sein heutiges Aussehen erhielt das Rathaus 1876 zum 400. Universitätsjubiläum. Nach Entwürfen des Stuttgarter Hochschulprofessors Konrad Dollinger wurde die Fassade von Ludwig Lesker mit Sgraffittomalerei im Neorenaissance-Stil versehen. Die aufwändige Gestaltung erinnert in Farben und Ornamentik vor allem an das 16. Jahrhundert, eine Blütezeit der Stadt und der Universität.

 
+
+
+ + + + + + + + + + + + + + + +
+
+
Die Fassade des Rathauses
+
Die Fassade des Rathauses, Foto: Christoph Jäckle
+
+
+

Mutige Männer, allegorische Frauen

Graf Eberhard im Bart, der Gründer der Universität, der für seine Verdienste um die politische Einheit Württembergs in den Herzogsstand erhoben wurde, ist im obersten Geschoss abgebildet. Er wacht als echter Ritter über Stadt und Bürger, das Herzogsschwert und die Gründungsurkunde der Universität in den Händen.

Unter ihm sind in sechs Medaillons Porträts wichtiger Männer der Tübinger Stadtgeschichte zu sehen, die sich alle in besonderer Weise um bürgerliche Rechte und Freiheiten verdient gemacht hatten, wie sie bereits im Tübinger Vertrag von 1514 festgelegt wurden. Es handelt sich um den Vogt Konrad Breuning, den Diplomaten Johannes Osiander, den Bürgermeister Jakob Heinrich Dann, den Oberamtmann Johann Ludwig Huber, den Verleger Johann Friedrich Cotta und den Politiker Ludwig Uhland.

Die drei allegorischen Frauenfiguren im untersten Stock symbolisieren die Gerechtigkeit, den wirtschaftlichen Wohlstand und die Wissenschaft. Während die ersten beiden allgemein städtisch­bürgerliche Tugenden verkörpern, betont die dritte den Charakter Tübingens als Universitätsstadt.

+
+
+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/01_besonderheiten.xml b/lib/card/test/example/01/01_besonderheiten.xml new file mode 100644 index 0000000..22ee162 --- /dev/null +++ b/lib/card/test/example/01/01_besonderheiten.xml @@ -0,0 +1,46 @@ + + + + + + + + +

Fassadenmalerei

+ + + Fassade aus <br/>Geist und Politik + + + + + + Die drei Schichten der Fassade +

Unter der heutigen Bemalung der Rathausfassade (siehe Abbildung) liegen zwei ältere Malschichten: eine einfache Ausfüllung der Fachwerkfelder und darüber eine Grisaillemalerei. Sein heutiges Aussehen erhielt das Rathaus 1876 zum 400. Universitätsjubiläum. Nach Entwürfen des Stuttgarter Hochschulprofessors Konrad Dollinger wurde die Fassade von Ludwig Lesker mit Sgraffittomalerei im Neorenaissance-Stil versehen. Die aufwändige Gestaltung erinnert in Farben und Ornamentik vor allem an das 16. Jahrhundert, eine Blütezeit der Stadt und der Universität.

+ ]]>
+ + + + + + + + + + + + + +
+ + Mutige Männer, allegorische Frauen +

Graf Eberhard im Bart, der Gründer der Universität, der für seine Verdienste um die politische Einheit Württembergs in den Herzogsstand erhoben wurde, ist im obersten Geschoss abgebildet. Er wacht als echter Ritter über Stadt und Bürger, das Herzogsschwert und die Gründungsurkunde der Universität in den Händen.

+

Unter ihm sind in sechs Medaillons Porträts wichtiger Männer der Tübinger Stadtgeschichte zu sehen, die sich alle in besonderer Weise um bürgerliche Rechte und Freiheiten verdient gemacht hatten, wie sie bereits im Tübinger Vertrag von 1514 festgelegt wurden. Es handelt sich um den Vogt Konrad Breuning, den Diplomaten Johannes Osiander, den Bürgermeister Jakob Heinrich Dann, den Oberamtmann Johann Ludwig Huber, den Verleger Johann Friedrich Cotta und den Politiker Ludwig Uhland.

+

Die drei allegorischen Frauenfiguren im untersten Stock symbolisieren die Gerechtigkeit, den wirtschaftlichen Wohlstand und die Wissenschaft. Während die ersten beiden allgemein städtisch-bürgerliche Tugenden verkörpern, betont die dritte den Charakter Tübingens als Universitätsstadt.

+ ]]>
+
+ +
+
\ No newline at end of file diff --git a/lib/card/test/example/01/01_besonderheiten2.html b/lib/card/test/example/01/01_besonderheiten2.html new file mode 100644 index 0000000..6ed1b9d --- /dev/null +++ b/lib/card/test/example/01/01_besonderheiten2.html @@ -0,0 +1,44 @@ + + + Article with 50% Columns + + + + + + + + + + + + + + + + +
+
+

Wer ist das Rebmännle am Rathaus?

Die kleine Skulptur „Rebmännle“, die um 1600 an der Südostecke des Rathauses angebracht wurde, stellt eindeutig eine unbekleidete weibliche Figur dar (siehe Abbildung). Sie tanzt auf einer vollen Weintraube, um ihren Körper ist eine Girlande aus Weinblättern geschlungen und ihr nach hinten geworfener Umhang erinnert an ein Weinblatt. Es handelt sich um eine Frau aus dem Gefolge des Weingottes Bacchus, eine sogenannte Bacchantin. Die Platzierung an der prominenten Stelle soll die Bedeutung des Weinbaus für Tübingen symbolisieren.

 

Nackte Frau im öffentlichen Raum

Um 1600 konnte nur eine Figur aus der antiken Mythologie nackt im öffentlichen Raum aufgestellt werden, ohne Scham und Anstand zu verletzen. Zudem bot das Personal der antiken Götterwelt den Künstlern der frühen Neuzeit zum ersten Mal die Möglichkeit, nackte Figuren zu repräsentieren. Das Aussehen des „Rebmännles“ mit den stämmigen Beinen, dem üppigen Bauch und dem lachenden Gesicht entspricht der Vorstellung von weiblicher Schönheit zwischen Renaissance und Frühbarock.

+
+
+
+ + + + + + + + +
+
+
Tübinger Rebmännle
+
Tübinger Rebmännle, Foto: Rose Hajdu, Stadtarchiv Tübingen
+
+
+
+
+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/01_besonderheiten2.xml b/lib/card/test/example/01/01_besonderheiten2.xml new file mode 100644 index 0000000..ea7854a --- /dev/null +++ b/lib/card/test/example/01/01_besonderheiten2.xml @@ -0,0 +1,42 @@ + + + + + + + + +

Tübinger Rebmännle

+ + + Eine unbekleidete Frau? + + + + + Wer ist das Rebmännle am Rathaus? +

Die kleine Skulptur „Rebmännle“, die um 1600 an der Südostecke des Rathauses angebracht wurde, stellt eindeutig eine unbekleidete weibliche Figur dar (siehe Abbildung). Sie tanzt auf einer vollen Weintraube, um ihren Körper ist eine Girlande aus Weinblättern geschlungen und ihr nach hinten geworfener Umhang erinnert an ein Weinblatt. Es handelt sich um eine Frau aus dem Gefolge des Weingottes Bacchus, eine sogenannte Bacchantin. Die Platzierung an der prominenten Stelle soll die Bedeutung des Weinbaus für Tübingen symbolisieren.

+ ]]>
+ + Nackte Frau im öffentlichen Raum +

Um 1600 konnte nur eine Figur aus der antiken Mythologie nackt im öffentlichen Raum aufgestellt werden, ohne Scham und Anstand zu verletzen. Zudem bot das Personal der antiken Götterwelt den Künstlern der frühen Neuzeit zum ersten Mal die Möglichkeit, nackte Figuren zu repräsentieren. Das Aussehen des „Rebmännles“ mit den stämmigen Beinen, dem üppigen Bauch und dem lachenden Gesicht entspricht der Vorstellung von weiblicher Schönheit zwischen Renaissance und Frühbarock.

+ ]]>
+ + +
+ + + + + + + + + +
+
\ No newline at end of file diff --git a/lib/card/test/example/01/01_besonderheiten3.html b/lib/card/test/example/01/01_besonderheiten3.html new file mode 100644 index 0000000..e286f74 --- /dev/null +++ b/lib/card/test/example/01/01_besonderheiten3.html @@ -0,0 +1,47 @@ + + + Article with 50% Columns + + + + + + + + + + + + + + + + +
+
+

500 Jahre schwäbische Qualitätsarbeit

Die Astronomische Uhr im Ziergiebel des Rathauses ist ein Meisterwerk der Technik (siehe Abbildung). Sie wurde 1511 mit großer Wahrscheinlichkeit von Johannes Stöffler entworfen und wohl von einem ortsansässigen Schmid gebaut. Sie gehört zu einem Ensemble von fünf Uhren im und am Rathaus, von denen vier die Zeit anzeigen. Sie ist nicht nur die älteste Uhr weltweit, die Sonnen- und Mondfinsternisse mit einem Drachenzeiger anzeigen kann, sondern läuft auch heute noch so präzise, dass sie nur alle zwanzig Jahre neu justiert werden muss.

+
+
+ + + + + + + + + + +
+
+
Die Astronomische Uhr
+
Die Astronomische Uhr im Ziergiebel des Rathauses, Foto: Christoph Jäckle
+
+
+

Was zeigt die Uhr an?

Die Astronomische Uhr besteht aus + einer Mondphasenanzeige und einem astronomischen Zifferblatt mit einem Tierkreis. Die Uhr besitzt drei Zeiger. Der Sonnenzeiger bewegt sich ein „knappes“ Grad pro Tag, da 360 Grad in 365 Tagen durchlaufen werden. Er zeigt das aktuelle Tierkreiszeichen an. Der Mondzeiger zeigt die scheinbare Position des Mondes zur Position der Sonne an. Er benötigt für einen vollen Umlauf 27 Tage, 7 Stunden, 43 Minuten (Siderischer Mondmonat). Da aber in dieser Zeit auch der Sonnenzeiger weitergelaufen ist, benötigt der Mondzeiger noch etwas länger um erneut über das Sonnen- bzw. -Sternsymbol des Sonnenzeigers zu laufen. Daraus resultiert eine Zeitspanne von 29 Tagen, 12 Stunden und 44 Minuten, welche dann dem synodischen Mondmonat von Vollmond zu Vollmond entspricht. Am langsamsten ist der Drachenzeiger, der in 18 Jahren und 224 Tagen einmal gegen den Uhrzeigersinn läuft. Kommen nun Sonnen-, Mond- und Drachenzeiger zur Deckung, so findet irgendwo auf der Erde eine Mond- oder Sonnenfinsternis statt. Im Durchschnitt wiederholt sich dieses Ereignis etwa viermal im Jahr.

Die Uhr war mehr als nur ein raffiniertes technisches Spielzeug: Sie steht auch für einen selbstbewussten Umgang naturwissenschaftlichen Fragen zu einer Zeit in der sich langsam die Astronomie als Wissenschaft von der mythologischen Astrologie trennte.

+
+
+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/01_besonderheiten3.xml b/lib/card/test/example/01/01_besonderheiten3.xml new file mode 100644 index 0000000..34630ff --- /dev/null +++ b/lib/card/test/example/01/01_besonderheiten3.xml @@ -0,0 +1,43 @@ + + + + + + + + +

Die Astronomische Uhr

+ + + Revolutionäres <br/>Meisterwerk der Technik + + + + + + + + 500 Jahre schwäbische Qualitätsarbeit +

Die Astronomische Uhr im Ziergiebel des Rathauses ist ein Meisterwerk der Technik (siehe Abbildung). Sie wurde 1511 mit großer Wahrscheinlichkeit von Johannes Stöffler entworfen und wohl von einem ortsansässigen Schmid gebaut. Sie gehört zu einem Ensemble von fünf Uhren im und am Rathaus, von denen vier die Zeit anzeigen. Sie ist nicht nur die älteste Uhr weltweit, die Sonnen- und Mondfinsternisse mit einem Drachenzeiger anzeigen kann, sondern läuft auch heute noch so präzise, dass sie nur alle zwanzig Jahre neu justiert werden muss.

+ ]]>
+ + + + + + + + +
+ + Was zeigt die Uhr an? +

Die Astronomische Uhr besteht aus + einer Mondphasenanzeige und einem astronomischen Zifferblatt mit einem Tierkreis. Die Uhr besitzt drei Zeiger. Der Sonnenzeiger bewegt sich ein „knappes“ Grad pro Tag, da 360 Grad in 365 Tagen durchlaufen werden. Er zeigt das aktuelle Tierkreiszeichen an. Der Mondzeiger zeigt die scheinbare Position des Mondes zur Position der Sonne an. Er benötigt für einen vollen Umlauf 27 Tage, 7 Stunden, 43 Minuten (Siderischer Mondmonat). Da aber in dieser Zeit auch der Sonnenzeiger weitergelaufen ist, benötigt der Mondzeiger noch etwas länger um erneut über das Sonnen- bzw. -Sternsymbol des Sonnenzeigers zu laufen. Daraus resultiert eine Zeitspanne von 29 Tagen, 12 Stunden und 44 Minuten, welche dann dem synodischen Mondmonat von Vollmond zu Vollmond entspricht. Am langsamsten ist der Drachenzeiger, der in 18 Jahren und 224 Tagen einmal gegen den Uhrzeigersinn läuft. Kommen nun Sonnen-, Mond- und Drachenzeiger zur Deckung, so findet irgendwo auf der Erde eine Mond- oder Sonnenfinsternis statt. Im Durchschnitt wiederholt sich dieses Ereignis etwa viermal im Jahr.

+

Die Uhr war mehr als nur ein raffiniertes technisches Spielzeug: Sie steht auch für einen selbstbewussten Umgang naturwissenschaftlichen Fragen zu einer Zeit in der sich langsam die Astronomie als Wissenschaft von der mythologischen Astrologie trennte.

+ ]]>
+ +
+
+
\ No newline at end of file diff --git a/lib/card/test/example/01/01_funktiondamals.html b/lib/card/test/example/01/01_funktiondamals.html new file mode 100644 index 0000000..c040e87 --- /dev/null +++ b/lib/card/test/example/01/01_funktiondamals.html @@ -0,0 +1,42 @@ + + + Article with 50% Columns + + + + + + + + + + + + + + + + +
+
+

Erdgeschoss: Handel und Lager

Das Rathaus war vom Marktplatz und von der Haaggasse aus zugänglich. Im Erdgeschoss befanden sich drei etwa gleich große Hallen. Im linken Bereich waren die Metzger untergebracht, die dort ihre Fleischbänke unterhielten. Im mittleren Raum verkauften Bäcker ihre Waren. Rechts erkennt man einen Torbogen für eine Durchfahrt in die Rathausgasse. 1543 wurde ein Salzhaus angebaut, unter dem ein geräumiger Keller zusätzlich Lagerplatz für Wein bot, der vom Spital hier eingelagert wurde.

1. Geschoss: Ein Saal für Gerber und Bürgerschaft

Im ersten Geschoss nutzten die Gerber den Saal, in dem heute der Gemeinderat tagt, zum Verkauf von Leder. Die „Lederbühne“ diente gleichzeitig der Tübinger Bürgerschaft als Festsaal.

2. Geschoss: Gericht und Rat der Stadt

Stadtgericht und Rat tagten im zweiten Geschoss. Im ehemaligen Sitzungssaal, der heute als Trauzimmer genutzt wird, ist noch die bemalte Holzvertäfelung erhalten. Der repräsentative Empfangsraum, der sogenannte Öhrn, wurde 1596 von Jakob Züberlin mit Grisaillemalereien nach Vorlagen von Tobias Stimmer ausgestattet (siehe Abbildung). Die Motive haben alle mit Recht und Gerechtigkeit zu tun.

+

3. Geschoss: Hofgericht des Landes

Im dritten Geschoss des Rathauses, das 1495 aufgestockt worden war, fanden von 1514 bis 1806 die Sitzungen des Hofgerichts in dem sogenannten Hofgerichtssaal statt. Das Hofgericht war im Mittelalter und in der Frühen Neuzeit das höchste Gericht des Landes Württemberg. Es tagte immer dort, wo sich der Graf oder Herzog gera­de aufhielt, wo er „Hof hielt“. Im Zuge des Tübinger Vertrags von 1514 wurde das württembergische Hofgericht nach Tübingen verlegt.

 
+
+
+ + + + + + +
+
+
Der Öhrn mit Grisaillemalereien
+
Der Öhrn im Rathaus, Basketballer aus Aix-en-Provence, Foto: Alfred Göhner, 1966, Stadtarchiv Tübingen
+
+
+
+
+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/01_funktiondamals.xml b/lib/card/test/example/01/01_funktiondamals.xml new file mode 100644 index 0000000..cab24fd --- /dev/null +++ b/lib/card/test/example/01/01_funktiondamals.xml @@ -0,0 +1,41 @@ + + + + + + + + +

Alles unter einem Dach

+ + + Räte, Richter, Händler <br/> und Halunken + + + + + + Erdgeschoss: Handel und Lager +

Das Rathaus war vom Marktplatz und von der Haaggasse aus zugänglich. Im Erdgeschoss befanden sich drei etwa gleich große Hallen. Im linken Bereich waren die Metzger untergebracht, die dort ihre Fleischbänke unterhielten. Im mittleren Raum verkauften Bäcker ihre Waren. Rechts erkennt man einen Torbogen für eine Durchfahrt in die Rathausgasse. 1543 wurde ein Salzhaus angebaut, unter dem ein geräumiger Keller zusätzlich Lagerplatz für Wein bot, der vom Spital hier eingelagert wurde.

+ ]]>
+ 1. Geschoss: Ein Saal für Gerber und Bürgerschaft +

Im ersten Geschoss nutzten die Gerber den Saal, in dem heute der Gemeinderat tagt, zum Verkauf von Leder. Die „Lederbühne“ diente gleichzeitig der Tübinger Bürgerschaft als Festsaal.

+ ]]>
+ 2. Geschoss: Gericht und Rat der Stadt +

Stadtgericht und Rat tagten im zweiten Geschoss. Im ehemaligen Sitzungssaal, der heute als Trauzimmer genutzt wird, ist noch die bemalte Holzvertäfelung erhalten. Der repräsentative Empfangsraum, der sogenannte Öhrn, wurde 1596 von Jakob Züberlin mit Grisaillemalereien nach Vorlagen von Tobias Stimmer ausgestattet (siehe Abbildung). Die Motive haben alle mit Recht und Gerechtigkeit zu tun.

+ ]]>
+
+ + 3. Geschoss: Hofgericht des Landes +

Im dritten Geschoss des Rathauses, das 1495 aufgestockt worden war, fanden von 1514 bis 1806 die Sitzungen des Hofgerichts in dem sogenannten Hofgerichtssaal statt. Das Hofgericht war im Mittelalter und in der Frühen Neuzeit das höchste Gericht des Landes Württemberg. Es tagte immer dort, wo sich der Graf oder Herzog gera-de aufhielt, wo er „Hof hielt“. Im Zuge des Tübinger Vertrags von 1514 wurde das württembergische Hofgericht nach Tübingen verlegt.

+ ]]>
+ + + +
+
+
\ No newline at end of file diff --git a/lib/card/test/example/01/01_funktionheute.html b/lib/card/test/example/01/01_funktionheute.html new file mode 100644 index 0000000..a1a5674 --- /dev/null +++ b/lib/card/test/example/01/01_funktionheute.html @@ -0,0 +1,42 @@ + + + Article with 50% Columns + + + + + + + + + + + + + + + + +
+
+

Zentrum der Stadtpolitik

Das Rathaus ist noch heute das Zentrum für Stadtpolitik und -verwaltung. Im Ratssaal im ersten Obergeschoss tagt der Gemeinderat (siehe Abbildung). In der ehemaligen Großen Gerichtsstube im zweiten Obergeschoss befindet sich das Trauzimmer, das Amtszimmer des Oberbürgermeisters in der ehemaligen Kleinen Gerichtsstube. Sie wurde 1760 neu ausgebaut und mit Rokokodekor versehen. Außer einem weiteren Besprechungsraum im ehemaligen Hofgerichtssaal im dritten Obergeschoss, sind unter anderem Büros der städtischen Verwaltung untergebracht.

 

Wohin mit der Stadtarchiv?

Das Stadtarchiv war auch bis 2012 im Dachgeschoss und im Rathausanbau untergebracht. Seine umfangreichen Bestände an historischen Dokumenten belasteten nicht nur die Fachwerkkonstruktion des Rathauses, sondern waren auch in Gefahr, bei einem Brand vernichtet zu werden. Während der Restaurierungsmaßnahmen 2012 bis 2016 zog das Archiv in das hinter dem Rathaus stehenden Breuninghaus um. Langfristig ist ein Umzug auf das Gelände des ehemaligen Güterbahnhofs geplant.

+

Restaurierung 2012-2016

Auslöser für die letzte Restaurierung waren, neben veralteter Haustechnik, Brandschutz und unzeitgemäßen Büro- und Besprechungsräumen, vor allem statische Probleme.

Bei der Sanierung kamen sensationelle Entdeckungen im Eingangsbereich zu Tage: Eine einheitliche Halle im Erdgeschoss gab es nie. Stattdessen befanden sich dort drei kleine Hallen zum Verkauf von Brot, Salz und Fleisch. An der Stütze neben dem Eingang zum Treppenhaus ist noch der Ansatz eines Brustriegels sichtbar, der die Halle abgeteilt hat. In der nördlichen Halle fand man an den Deckenbalken noch Zeichen der Bäcker. Die nördliche, bräunlich verputzte Außenwand ist das älteste Bauteil des Rathauses.

+
+
+ + + + + + +
+
+
Ratssaal im ersten Obergeschoss
+
Ratssaal nach der Sanierung des Rathauses, Foto: Universitätsstadt Tübingen
+
+
+
+
+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/01_funktionheute.xml b/lib/card/test/example/01/01_funktionheute.xml new file mode 100644 index 0000000..32e3f2b --- /dev/null +++ b/lib/card/test/example/01/01_funktionheute.xml @@ -0,0 +1,42 @@ + + + + + + + + +

Im Wandel der Zeit

+ + + Was ist geblieben – <br/>was hat sich verändert? + + + + + + Zentrum der Stadtpolitik +

Das Rathaus ist noch heute das Zentrum für Stadtpolitik und -verwaltung. Im Ratssaal im ersten Obergeschoss tagt der Gemeinderat (siehe Abbildung). In der ehemaligen Großen Gerichtsstube im zweiten Obergeschoss befindet sich das Trauzimmer, das Amtszimmer des Oberbürgermeisters in der ehemaligen Kleinen Gerichtsstube. Sie wurde 1760 neu ausgebaut und mit Rokokodekor versehen. Außer einem weiteren Besprechungsraum im ehemaligen Hofgerichtssaal im dritten Obergeschoss, sind unter anderem Büros der städtischen Verwaltung untergebracht.

+ ]]>
+ + Wohin mit der Stadtarchiv? +

Das Stadtarchiv war auch bis 2012 im Dachgeschoss und im Rathausanbau untergebracht. Seine umfangreichen Bestände an historischen Dokumenten belasteten nicht nur die Fachwerkkonstruktion des Rathauses, sondern waren auch in Gefahr, bei einem Brand vernichtet zu werden. Während der Restaurierungsmaßnahmen 2012 bis 2016 zog das Archiv in das hinter dem Rathaus stehenden Breuninghaus um. Langfristig ist ein Umzug auf das Gelände des ehemaligen Güterbahnhofs geplant.

+ ]]>
+ + +
+ + Restaurierung 2012-2016 +

Auslöser für die letzte Restaurierung waren, neben veralteter Haustechnik, Brandschutz und unzeitgemäßen Büro- und Besprechungsräumen, vor allem statische Probleme.

+

Bei der Sanierung kamen sensationelle Entdeckungen im Eingangsbereich zu Tage: Eine einheitliche Halle im Erdgeschoss gab es nie. Stattdessen befanden sich dort drei kleine Hallen zum Verkauf von Brot, Salz und Fleisch. An der Stütze neben dem Eingang zum Treppenhaus ist noch der Ansatz eines Brustriegels sichtbar, der die Halle abgeteilt hat. In der nördlichen Halle fand man an den Deckenbalken noch Zeichen der Bäcker. Die nördliche, bräunlich verputzte Außenwand ist das älteste Bauteil des Rathauses.

+ ]]>
+ + + + +
+
+
\ No newline at end of file diff --git a/lib/card/test/example/01/astronomischeszifferblatt.html b/lib/card/test/example/01/astronomischeszifferblatt.html new file mode 100644 index 0000000..a355ebf --- /dev/null +++ b/lib/card/test/example/01/astronomischeszifferblatt.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Das astronomische Zifferblatt, Foto: Christoph Jäckle

Das astronomische Zifferblatt zeigt Jahreszeiten, Tag- und Nachtlängen sowie andere astromische Ereignisse. Das originale Zifferblatt mit dem Tierkreiszeichen von 1511 war nach erheblichen Wetterschäden unbrauchbar. Deswegen wurde es beim Umsetzen der Uhr vom ersten Geschoss in den Ziergiebel im Jahr 1849 wahrscheinlich außer Betrieb genommen, aber weiterhin auf dem Dachboden des Rathauses aufbewahrt. Dieses ursprüngliche Zifferblatt (siehe Abbildung unten) befindet sich im Stadtmuseum Tübingen und kann dort in der Dauerausstellung besichtigt werden.

Das ursprüngliche Zifferblatt der Astronomischen Uhr, Foto: Stadtmuseum Tübingen

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/astronomischeszifferblatt.jpg b/lib/card/test/example/01/astronomischeszifferblatt.jpg new file mode 100644 index 0000000..104546c Binary files /dev/null and b/lib/card/test/example/01/astronomischeszifferblatt.jpg differ diff --git a/lib/card/test/example/01/astronomischeszifferblatt.xml b/lib/card/test/example/01/astronomischeszifferblatt.xml new file mode 100644 index 0000000..1df6bdd --- /dev/null +++ b/lib/card/test/example/01/astronomischeszifferblatt.xml @@ -0,0 +1,15 @@ + + + + Das astronomische Zifferblatt, Foto: Christoph Jäckle

+ ]]>
+ Das astronomische Zifferblatt zeigt Jahreszeiten, Tag- und Nachtlängen sowie andere astromische Ereignisse. Das originale Zifferblatt mit dem Tierkreiszeichen von 1511 war nach erheblichen Wetterschäden unbrauchbar. Deswegen wurde es beim Umsetzen der Uhr vom ersten Geschoss in den Ziergiebel im Jahr 1849 wahrscheinlich außer Betrieb genommen, aber weiterhin auf dem Dachboden des Rathauses aufbewahrt. Dieses ursprüngliche Zifferblatt (siehe Abbildung unten) befindet sich im Stadtmuseum Tübingen und kann dort in der Dauerausstellung besichtigt werden.

+ ]]>
+ + Das ursprüngliche Zifferblatt der Astronomischen Uhr, Foto: Stadtmuseum Tübingen

+ ]]>
+ +
\ No newline at end of file diff --git a/lib/card/test/example/01/astronomischeszifferblattneu.jpg b/lib/card/test/example/01/astronomischeszifferblattneu.jpg new file mode 100644 index 0000000..4e2dad9 Binary files /dev/null and b/lib/card/test/example/01/astronomischeszifferblattneu.jpg differ diff --git a/lib/card/test/example/01/astronomischeuhr.html b/lib/card/test/example/01/astronomischeuhr.html new file mode 100644 index 0000000..c79f3fe --- /dev/null +++ b/lib/card/test/example/01/astronomischeuhr.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Eine astronomische Uhr ist eine mechanische Uhr, die astronomische Gegebenheiten anzeigt, wie die Position von Sonne und Mond im Tierkreis, die Mondphasen oder die Planetenstellungen. Astronomische Uhren wurden seit dem späten Mittelalter als monumentale Uhren an Türmen oder Rathäusern angebracht.

Die Astronomische Uhr des Tübinger Rathauses, 1826, Foto: Deutsches Literatuarchiv Marbach

Die Astronomische Uhr des Tübinger Rathauses war vorher im ersten Geschoss über dem Haupteingang neben der Rathauskanzel angebracht und wurde erst 1849 in den Ziergiebel versetzt.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/astronomischeuhr.xml b/lib/card/test/example/01/astronomischeuhr.xml new file mode 100644 index 0000000..66ba865 --- /dev/null +++ b/lib/card/test/example/01/astronomischeuhr.xml @@ -0,0 +1,15 @@ + + + + Eine astronomische Uhr ist eine mechanische Uhr, die astronomische Gegebenheiten anzeigt, wie die Position von Sonne und Mond im Tierkreis, die Mondphasen oder die Planetenstellungen. Astronomische Uhren wurden seit dem späten Mittelalter als monumentale Uhren an Türmen oder Rathäusern angebracht.

+ ]]>
+ + Die Astronomische Uhr des Tübinger Rathauses, 1826, Foto: Deutsches Literatuarchiv Marbach

+ ]]>
+ Die Astronomische Uhr des Tübinger Rathauses war vorher im ersten Geschoss über dem Haupteingang neben der Rathauskanzel angebracht und wurde erst 1849 in den Ziergiebel versetzt.

+ ]]>
+ +
\ No newline at end of file diff --git a/lib/card/test/example/01/astronomischeuhr3.jpg b/lib/card/test/example/01/astronomischeuhr3.jpg new file mode 100644 index 0000000..1ca5a6a Binary files /dev/null and b/lib/card/test/example/01/astronomischeuhr3.jpg differ diff --git a/lib/card/test/example/01/astronomischeuhrneu.jpg b/lib/card/test/example/01/astronomischeuhrneu.jpg new file mode 100644 index 0000000..6d4921b Binary files /dev/null and b/lib/card/test/example/01/astronomischeuhrneu.jpg differ diff --git a/lib/card/test/example/01/baeckerzeichenneu.html b/lib/card/test/example/01/baeckerzeichenneu.html new file mode 100644 index 0000000..fc6bbfb --- /dev/null +++ b/lib/card/test/example/01/baeckerzeichenneu.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Bäckerzeichen im Rathaus, Brezel mit gekreuztem Backschieber, EG, eingeritzt in einem Balken an der Decke, Foto und Bearbeitung: Tilmann Marstaller

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/baeckerzeichenneu.jpg b/lib/card/test/example/01/baeckerzeichenneu.jpg new file mode 100644 index 0000000..2340889 Binary files /dev/null and b/lib/card/test/example/01/baeckerzeichenneu.jpg differ diff --git a/lib/card/test/example/01/baeckerzeichenneu.xml b/lib/card/test/example/01/baeckerzeichenneu.xml new file mode 100644 index 0000000..fa96398 --- /dev/null +++ b/lib/card/test/example/01/baeckerzeichenneu.xml @@ -0,0 +1,8 @@ + + + +Bäckerzeichen im Rathaus, Brezel mit gekreuztem Backschieber, EG, eingeritzt in einem Balken an der Decke, Foto und Bearbeitung: Tilmann Marstaller

+ ]]>
+ +
\ No newline at end of file diff --git a/lib/card/test/example/01/breuning.html b/lib/card/test/example/01/breuning.html new file mode 100644 index 0000000..f9a7f2c --- /dev/null +++ b/lib/card/test/example/01/breuning.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Konrad Breuning (1440 – 1517) gehörte zu einer einflussreichen Tübinger Familie und bekleidete eine Reihe wichtiger politischer Ämter, unter anderem war er Tübinger Vogt und Mitglied des Hofgerichts. Als Kaiser Maximilian den völlig unfähigen Herzog Eberhard II. absetzte, gehörte Breuning als früherer Berater und Vertrauter von Eberhard im Bart zu dem Zwischenregiment, das solange eingerichtet wurde, bis Herzog Ulrich alt genug war, um die Regierungsgeschäfte zu übernehmen. Als Ulrich angesichts der Bauernaufstände vom „Armen Konrad“ 1514 einen Landtag in Tübingen einberief, leitete Breuning die Verhandlungen. Es gelang ihm für das Bürgertum weit reichende politische Mitspracherechte und weitere Privilegien auszuhandeln. 1517 ließ ihn Herzog Ulrich wegen vermeintlichen Hochverrats hinrichten.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/breuning.xml b/lib/card/test/example/01/breuning.xml new file mode 100644 index 0000000..e3836f0 --- /dev/null +++ b/lib/card/test/example/01/breuning.xml @@ -0,0 +1,8 @@ + + + + + Konrad Breuning (1440 – 1517) gehörte zu einer einflussreichen Tübinger Familie und bekleidete eine Reihe wichtiger politischer Ämter, unter anderem war er Tübinger Vogt und Mitglied des Hofgerichts. Als Kaiser Maximilian den völlig unfähigen Herzog Eberhard II. absetzte, gehörte Breuning als früherer Berater und Vertrauter von Eberhard im Bart zu dem Zwischenregiment, das solange eingerichtet wurde, bis Herzog Ulrich alt genug war, um die Regierungsgeschäfte zu übernehmen. Als Ulrich angesichts der Bauernaufstände vom „Armen Konrad“ 1514 einen Landtag in Tübingen einberief, leitete Breuning die Verhandlungen. Es gelang ihm für das Bürgertum weit reichende politische Mitspracherechte und weitere Privilegien auszuhandeln. 1517 ließ ihn Herzog Ulrich wegen vermeintlichen Hochverrats hinrichten.

+ ]]>
+
\ No newline at end of file diff --git a/lib/card/test/example/01/breuningneu.jpg b/lib/card/test/example/01/breuningneu.jpg new file mode 100644 index 0000000..0defae4 Binary files /dev/null and b/lib/card/test/example/01/breuningneu.jpg differ diff --git a/lib/card/test/example/01/cotta.html b/lib/card/test/example/01/cotta.html new file mode 100644 index 0000000..5416130 --- /dev/null +++ b/lib/card/test/example/01/cotta.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Johann Friedrich Cotta (1764 in Stuttgart – 1832 in Stuttgart) betrieb in Tübingen einen der größten europäischen Verlage, gründete die erste überregionale Tageszeitung in Deutschland, erfand das Taschenbuch und setzte sich für Pressefreiheit und Urheberrecht ein. Als Landtagsabgeordneter machte er sich für die Freiheiten des Tübinger Vertrags stark.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/cotta.xml b/lib/card/test/example/01/cotta.xml new file mode 100644 index 0000000..7ea0305 --- /dev/null +++ b/lib/card/test/example/01/cotta.xml @@ -0,0 +1,8 @@ + + + + + Johann Friedrich Cotta (1764 in Stuttgart – 1832 in Stuttgart) betrieb in Tübingen einen der größten europäischen Verlage, gründete die erste überregionale Tageszeitung in Deutschland, erfand das Taschenbuch und setzte sich für Pressefreiheit und Urheberrecht ein. Als Landtagsabgeordneter machte er sich für die Freiheiten des Tübinger Vertrags stark.

+ ]]>
+
\ No newline at end of file diff --git a/lib/card/test/example/01/cottaneu.jpg b/lib/card/test/example/01/cottaneu.jpg new file mode 100644 index 0000000..38b7a45 Binary files /dev/null and b/lib/card/test/example/01/cottaneu.jpg differ diff --git a/lib/card/test/example/01/dann.html b/lib/card/test/example/01/dann.html new file mode 100644 index 0000000..3108b9a --- /dev/null +++ b/lib/card/test/example/01/dann.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Jakob Heinrich Dann (1720 in Tübingen – 1790 in Tübingen) setzte sich als Tübinger Bürgermeister und Landtagsabgeordneter für die im „Tübinger Vertrag“ vereinbarten Rechte gegenüber Herzog Karl Eugen ein. Als er bei seinem Versuch gegen Korruption vorzugehen keine Mehrheiten erhielt, trat er von seinen Ämtern zurück.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/dann.xml b/lib/card/test/example/01/dann.xml new file mode 100644 index 0000000..e946507 --- /dev/null +++ b/lib/card/test/example/01/dann.xml @@ -0,0 +1,9 @@ + + + + + Jakob Heinrich Dann (1720 in Tübingen – 1790 in Tübingen) setzte sich als Tübinger Bürgermeister und Landtagsabgeordneter für die im „Tübinger Vertrag“ vereinbarten Rechte gegenüber Herzog Karl Eugen ein. Als er bei seinem Versuch gegen Korruption vorzugehen keine Mehrheiten erhielt, trat er von seinen Ämtern zurück.

+ ]]>
+ +
\ No newline at end of file diff --git a/lib/card/test/example/01/dannneu.jpg b/lib/card/test/example/01/dannneu.jpg new file mode 100644 index 0000000..dff1263 Binary files /dev/null and b/lib/card/test/example/01/dannneu.jpg differ diff --git a/lib/card/test/example/01/detailuhr.jpg b/lib/card/test/example/01/detailuhr.jpg new file mode 100644 index 0000000..ec2a4bd Binary files /dev/null and b/lib/card/test/example/01/detailuhr.jpg differ diff --git a/lib/card/test/example/01/detailuhrneu.jpg b/lib/card/test/example/01/detailuhrneu.jpg new file mode 100644 index 0000000..d54b968 Binary files /dev/null and b/lib/card/test/example/01/detailuhrneu.jpg differ diff --git a/lib/card/test/example/01/drachenzeiger.html b/lib/card/test/example/01/drachenzeiger.html new file mode 100644 index 0000000..69f4925 --- /dev/null +++ b/lib/card/test/example/01/drachenzeiger.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Der Drachenzeiger hat die Form eines Drachens mit Flügel. Die Verwendung der Drachenform für diesen Zeiger geht auf einen alten chinesischen Glauben zurück, wonach ein Drache Sonne oder Mond bei einer Finsternis verschlingt und wieder ausspuckt.

Je nach seiner Position im Verhältnis zum Sonnen- und Mondzeiger, zeigt der Drachenzeiger totale und partielle Sonnen- und Mondfinsternisse.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/drachenzeiger.xml b/lib/card/test/example/01/drachenzeiger.xml new file mode 100644 index 0000000..647f6df --- /dev/null +++ b/lib/card/test/example/01/drachenzeiger.xml @@ -0,0 +1,8 @@ + + + + Der Drachenzeiger hat die Form eines Drachens mit Flügel. Die Verwendung der Drachenform für diesen Zeiger geht auf einen alten chinesischen Glauben zurück, wonach ein Drache Sonne oder Mond bei einer Finsternis verschlingt und wieder ausspuckt.

+

Je nach seiner Position im Verhältnis zum Sonnen- und Mondzeiger, zeigt der Drachenzeiger totale und partielle Sonnen- und Mondfinsternisse.

+ ]]>
+
\ No newline at end of file diff --git a/lib/card/test/example/01/drachenzeigerneu.jpg b/lib/card/test/example/01/drachenzeigerneu.jpg new file mode 100644 index 0000000..d0f527a Binary files /dev/null and b/lib/card/test/example/01/drachenzeigerneu.jpg differ diff --git a/lib/card/test/example/01/eberhardfassade.html b/lib/card/test/example/01/eberhardfassade.html new file mode 100644 index 0000000..331f8bf --- /dev/null +++ b/lib/card/test/example/01/eberhardfassade.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Ganzfigurporträt von Graf Eberhard im Bart auf der Fassade des Rathauses, Foto: Christoph Jäckle

Eberhard im Bart (1445 in Urach – 1496 in Tübingen), Graf und später Herzog von Württemberg, übernahm bereits mit 14 Jahren die Regierungsgeschäfte. Den Beinamen „im Bart“ erhielt er, weil er den Bart, der ihm auf einer Pilgerfahrt nach Jerusalem gewachsen war, nicht mehr abnahm. 1474 heiratete er die steinreiche Markgrafentochter Barbara von Mantua aus dem Hause Gonzaga, wodurch Württemberg mit einem der glanzvollsten Zentren der italienischen Renaissance in Kontakt kam. Er gründete 1477 mit Unterstützung seiner Mutter und seiner Frau die Universität Tübingen. Daneben galt als seine größte politische Leistung die Wiedervereinigung Württembergs — das Land war seit 1442 in einen Stuttgarter und einen Uracher Teil gespalten, was es gegenüber dem Kaiser und den freien Reichsstädten dauerhaft geschwächt hatte. 1495 wurde Eberhard in den Herzogsstand erhoben und verlegte die Residenz von Urach nach Stuttgart. Sein Lebensmotto „Attempto“ - „Ich wag's!“ wurde zur Devise der Tübinger Universität, seine Beliebtheit wurde vor allem im 19. Jahrhundert legendär.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/eberhardfassade.xml b/lib/card/test/example/01/eberhardfassade.xml new file mode 100644 index 0000000..7b34946 --- /dev/null +++ b/lib/card/test/example/01/eberhardfassade.xml @@ -0,0 +1,12 @@ + + + + + Ganzfigurporträt von Graf Eberhard im Bart auf der Fassade des Rathauses, Foto: Christoph Jäckle

+ ]]>
+ Eberhard im Bart (1445 in Urach – 1496 in Tübingen), Graf und später Herzog von Württemberg, übernahm bereits mit 14 Jahren die Regierungsgeschäfte. Den Beinamen „im Bart“ erhielt er, weil er den Bart, der ihm auf einer Pilgerfahrt nach Jerusalem gewachsen war, nicht mehr abnahm. 1474 heiratete er die steinreiche Markgrafentochter Barbara von Mantua aus dem Hause Gonzaga, wodurch Württemberg mit einem der glanzvollsten Zentren der italienischen Renaissance in Kontakt kam. Er gründete 1477 mit Unterstützung seiner Mutter und seiner Frau die Universität Tübingen. Daneben galt als seine größte politische Leistung die Wiedervereinigung Württembergs — das Land war seit 1442 in einen Stuttgarter und einen Uracher Teil gespalten, was es gegenüber dem Kaiser und den freien Reichsstädten dauerhaft geschwächt hatte. 1495 wurde Eberhard in den Herzogsstand erhoben und verlegte die Residenz von Urach nach Stuttgart. Sein Lebensmotto „Attempto“ - „Ich wag's!“ wurde zur Devise der Tübinger Universität, seine Beliebtheit wurde vor allem im 19. Jahrhundert legendär.

+ ]]>
+ +
\ No newline at end of file diff --git a/lib/card/test/example/01/eberhardfassadeneu.jpg b/lib/card/test/example/01/eberhardfassadeneu.jpg new file mode 100644 index 0000000..1e80adb Binary files /dev/null and b/lib/card/test/example/01/eberhardfassadeneu.jpg differ diff --git a/lib/card/test/example/01/fassadeneu.jpg b/lib/card/test/example/01/fassadeneu.jpg new file mode 100644 index 0000000..96daaac Binary files /dev/null and b/lib/card/test/example/01/fassadeneu.jpg differ diff --git a/lib/card/test/example/01/gerechtigkeit.html b/lib/card/test/example/01/gerechtigkeit.html new file mode 100644 index 0000000..e554dfc --- /dev/null +++ b/lib/card/test/example/01/gerechtigkeit.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Unten links an der Rathausfassade sieht man Justitia, die Personifizierung der Gerechtigkeit, mit ihren Attributen Schwert und Waage.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/gerechtigkeit.xml b/lib/card/test/example/01/gerechtigkeit.xml new file mode 100644 index 0000000..2ec6b0b --- /dev/null +++ b/lib/card/test/example/01/gerechtigkeit.xml @@ -0,0 +1,7 @@ + + + +Unten links an der Rathausfassade sieht man Justitia, die Personifizierung der Gerechtigkeit, mit ihren Attributen Schwert und Waage.

+ ]]>
+
\ No newline at end of file diff --git a/lib/card/test/example/01/gerechtigkeitneu.jpg b/lib/card/test/example/01/gerechtigkeitneu.jpg new file mode 100644 index 0000000..ea00a2c Binary files /dev/null and b/lib/card/test/example/01/gerechtigkeitneu.jpg differ diff --git a/lib/card/test/example/01/girlandeausweinblaettern.html b/lib/card/test/example/01/girlandeausweinblaettern.html new file mode 100644 index 0000000..c23679b --- /dev/null +++ b/lib/card/test/example/01/girlandeausweinblaettern.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Eine Girlande aus Weinblättern ist um den Körper der weiblichen Figur geschlungen.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/girlandeausweinblaettern.jpg b/lib/card/test/example/01/girlandeausweinblaettern.jpg new file mode 100644 index 0000000..7d6f57c Binary files /dev/null and b/lib/card/test/example/01/girlandeausweinblaettern.jpg differ diff --git a/lib/card/test/example/01/girlandeausweinblaettern.xml b/lib/card/test/example/01/girlandeausweinblaettern.xml new file mode 100644 index 0000000..880d557 --- /dev/null +++ b/lib/card/test/example/01/girlandeausweinblaettern.xml @@ -0,0 +1,7 @@ + + + + Eine Girlande aus Weinblättern ist um den Körper der weiblichen Figur geschlungen.

+ ]]>
+
\ No newline at end of file diff --git a/lib/card/test/example/01/gleichnis.jpg b/lib/card/test/example/01/gleichnis.jpg new file mode 100644 index 0000000..83f6fd4 Binary files /dev/null and b/lib/card/test/example/01/gleichnis.jpg differ diff --git a/lib/card/test/example/01/grisaillemalerei.html b/lib/card/test/example/01/grisaillemalerei.html new file mode 100644 index 0000000..8280e19 --- /dev/null +++ b/lib/card/test/example/01/grisaillemalerei.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Grisaillemalerei bezeichnet eine Malerei, die ausschließlich in Weiß, Schwarz und Grautönen ausgeführt ist. Der Begriff leitet sich von dem französischen „gris“ ab und bedeutet grau. Die Grisaillemalerei wurde gerne eingesetzt, um dreidimensionale, skulpturale Effekte zu schaffen.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/grisaillemalerei.xml b/lib/card/test/example/01/grisaillemalerei.xml new file mode 100644 index 0000000..98b28d0 --- /dev/null +++ b/lib/card/test/example/01/grisaillemalerei.xml @@ -0,0 +1,10 @@ + + +Grisaillemalerei bezeichnet eine Malerei, die ausschließlich in Weiß, Schwarz und Grautönen ausgeführt ist. Der Begriff leitet sich von dem französischen „gris“ ab und bedeutet grau. Die Grisaillemalerei wurde gerne eingesetzt, um dreidimensionale, skulpturale Effekte zu schaffen.

+ ]]>
+ + +
\ No newline at end of file diff --git a/lib/card/test/example/01/grisaillemalereineu.jpg b/lib/card/test/example/01/grisaillemalereineu.jpg new file mode 100644 index 0000000..6ca31af Binary files /dev/null and b/lib/card/test/example/01/grisaillemalereineu.jpg differ diff --git a/lib/card/test/example/01/grisaillemalereirathaus.html b/lib/card/test/example/01/grisaillemalereirathaus.html new file mode 100644 index 0000000..34b6608 --- /dev/null +++ b/lib/card/test/example/01/grisaillemalereirathaus.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Grisaillemalerei bezeichnet eine Malerei, die ausschließlich in Weiß, Schwarz und Grautönen ausgeführt ist. Der Begriff leitet sich ab von dem französischen „gris“ und bedeutet grau. Die Grisaillemalerei wurde gerne eingesetzt, um dreidimensionale, skulpturale Effekte zu schaffen.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/grisaillemalereirathaus.jpg b/lib/card/test/example/01/grisaillemalereirathaus.jpg new file mode 100644 index 0000000..f61cdf8 Binary files /dev/null and b/lib/card/test/example/01/grisaillemalereirathaus.jpg differ diff --git a/lib/card/test/example/01/grisaillemalereirathaus.xml b/lib/card/test/example/01/grisaillemalereirathaus.xml new file mode 100644 index 0000000..3ddd14e --- /dev/null +++ b/lib/card/test/example/01/grisaillemalereirathaus.xml @@ -0,0 +1,10 @@ + + +Grisaillemalerei bezeichnet eine Malerei, die ausschließlich in Weiß, Schwarz und Grautönen ausgeführt ist. Der Begriff leitet sich ab von dem französischen „gris“ und bedeutet grau. Die Grisaillemalerei wurde gerne eingesetzt, um dreidimensionale, skulpturale Effekte zu schaffen.

+ ]]>
+ + +
\ No newline at end of file diff --git a/lib/card/test/example/01/hofgerichtssaal.html b/lib/card/test/example/01/hofgerichtssaal.html new file mode 100644 index 0000000..93e944f --- /dev/null +++ b/lib/card/test/example/01/hofgerichtssaal.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Hofgerichtssaal des Rathauses nach der Sanierung 2016, Stadtarchiv Tübingen

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/hofgerichtssaal.jpg b/lib/card/test/example/01/hofgerichtssaal.jpg new file mode 100644 index 0000000..e8a8f45 Binary files /dev/null and b/lib/card/test/example/01/hofgerichtssaal.jpg differ diff --git a/lib/card/test/example/01/hofgerichtssaal.xml b/lib/card/test/example/01/hofgerichtssaal.xml new file mode 100644 index 0000000..27a4569 --- /dev/null +++ b/lib/card/test/example/01/hofgerichtssaal.xml @@ -0,0 +1,8 @@ + + + +Hofgerichtssaal des Rathauses nach der Sanierung 2016, Stadtarchiv Tübingen

+ ]]>
+ +
\ No newline at end of file diff --git a/lib/card/test/example/01/holzvertaefelung.html b/lib/card/test/example/01/holzvertaefelung.html new file mode 100644 index 0000000..824b82f --- /dev/null +++ b/lib/card/test/example/01/holzvertaefelung.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Die bemalte Holzvertäfelung im Trauzimmer, Foto: Christoph Jäckle

Eine Holzvertäfelung ist eine hölzerne Wand- oder Deckenverkleidung von Innenräumen zum Schmuck, zur Wärmedämmung oder zum Schutz von darunterliegenden Schichten.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/holzvertaefelung.xml b/lib/card/test/example/01/holzvertaefelung.xml new file mode 100644 index 0000000..bcae8a5 --- /dev/null +++ b/lib/card/test/example/01/holzvertaefelung.xml @@ -0,0 +1,13 @@ + + + + + Die bemalte Holzvertäfelung im Trauzimmer, Foto: Christoph Jäckle

+ ]]>
+Eine Holzvertäfelung ist eine hölzerne Wand- oder Deckenverkleidung von Innenräumen zum Schmuck, zur Wärmedämmung oder zum Schutz von darunterliegenden Schichten.

+ ]]>
+ + +
\ No newline at end of file diff --git a/lib/card/test/example/01/huber.html b/lib/card/test/example/01/huber.html new file mode 100644 index 0000000..42f8a4d --- /dev/null +++ b/lib/card/test/example/01/huber.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Johann Ludwig Huber (1723 in Großheppach – 1800 in Stuttgart) war Jurist und ab 1762 Oberamtmann von Tübingen. Er wurde auf Befehl des Herzogs Karl Eugen abgesetzt und auf dem Hohenasperg inhaftiert, nachdem er es abgelehnt hatte, eine Militärsteuer ohne die Zustimmung der Landstände einzutreiben. Mit der Steuer wollte Karl Eugen Soldaten rekrutieren, um sie nach Frankreich zu „verkaufen“.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/huber.xml b/lib/card/test/example/01/huber.xml new file mode 100644 index 0000000..02526b2 --- /dev/null +++ b/lib/card/test/example/01/huber.xml @@ -0,0 +1,7 @@ + + + + Johann Ludwig Huber (1723 in Großheppach – 1800 in Stuttgart) war Jurist und ab 1762 Oberamtmann von Tübingen. Er wurde auf Befehl des Herzogs Karl Eugen abgesetzt und auf dem Hohenasperg inhaftiert, nachdem er es abgelehnt hatte, eine Militärsteuer ohne die Zustimmung der Landstände einzutreiben. Mit der Steuer wollte Karl Eugen Soldaten rekrutieren, um sie nach Frankreich zu „verkaufen“.

+ ]]>
+
\ No newline at end of file diff --git a/lib/card/test/example/01/huberneu.jpg b/lib/card/test/example/01/huberneu.jpg new file mode 100644 index 0000000..d1b02a1 Binary files /dev/null and b/lib/card/test/example/01/huberneu.jpg differ diff --git a/lib/card/test/example/01/index.html b/lib/card/test/example/01/index.html new file mode 100644 index 0000000..517c554 --- /dev/null +++ b/lib/card/test/example/01/index.html @@ -0,0 +1,123 @@ + + + Das Rathaus + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+
+

Das Rathaus

+

+

Das Rathaus ist das wichtigste Gebäude auf dem Marktplatz. Mit dem Bau wurde 1435 begonnen, seitdem wurde es immer wieder verändert, sodass es Merkmale vieler Baustile vom Spätmittelalter bis zum 21. Jahrhundert aufweist. Die auffällige Fassadengestaltung stammt aus dem 19. Jahrhundert.

+
+
+
+
+
+
+

Das wichtigste
städtische Gebäude

+
+
+

Nach 200 Jahren
endlich ein Rathaus

+
+
+ +
+
+
+
+
+
+
+

Alles unter einem Dach

+
+
+

Räte, Richter, Händler
und Halunken

+
+
+ +
+
+
+
+
+
+
+

Im Wandel der Zeit

+
+
+

Was ist geblieben –
was hat sich verändert?

+
+
+ +
+
+
+
+
+
+
+

Fassadenmalerei

+
+
+

Fassade aus
Geist und Politik

+
+
+ +
+
+
+
+
+
+
+

Tübinger Rebmännle

+
+
+

Eine unbekleidete Frau?

+
+
+ +
+
+
+
+
+
+
+

Die Astronomische Uhr

+
+
+

Revolutionäres
Meisterwerk der Technik

+
+
+ +
+
+
+
+
+ + + + \ No newline at end of file diff --git a/lib/card/test/example/01/lederbuehne.html b/lib/card/test/example/01/lederbuehne.html new file mode 100644 index 0000000..31b879f --- /dev/null +++ b/lib/card/test/example/01/lederbuehne.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Die sogenannte „Lederbühne“ befand sich im ersten Geschoss. Dennoch konnten die Lederwaren fast ebenerdig angeliefert werden, da der Saal ursprünglich einen direkten Zugang von der Haaggasse aus besaß.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/lederbuehne.xml b/lib/card/test/example/01/lederbuehne.xml new file mode 100644 index 0000000..5e7e4e9 --- /dev/null +++ b/lib/card/test/example/01/lederbuehne.xml @@ -0,0 +1,10 @@ + + + +Die sogenannte „Lederbühne“ befand sich im ersten Geschoss. Dennoch konnten die Lederwaren fast ebenerdig angeliefert werden, da der Saal ursprünglich einen direkten Zugang von der Haaggasse aus besaß.

+ ]]>
+ +
\ No newline at end of file diff --git a/lib/card/test/example/01/malschichten.html b/lib/card/test/example/01/malschichten.html new file mode 100644 index 0000000..174a1d2 --- /dev/null +++ b/lib/card/test/example/01/malschichten.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Die zwei älteren Malschichten des Rathauses, eine Ausfüllung der Fachwerkfelder und eine Grisaillemalerei, Zeichnung: Hochbauamt, Stadtarchiv Tübingen

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/malschichten.png b/lib/card/test/example/01/malschichten.png new file mode 100644 index 0000000..2f20910 Binary files /dev/null and b/lib/card/test/example/01/malschichten.png differ diff --git a/lib/card/test/example/01/malschichten.xml b/lib/card/test/example/01/malschichten.xml new file mode 100644 index 0000000..0d1757f --- /dev/null +++ b/lib/card/test/example/01/malschichten.xml @@ -0,0 +1,10 @@ + + + +Die zwei älteren Malschichten des Rathauses, eine Ausfüllung der Fachwerkfelder und eine Grisaillemalerei, Zeichnung: Hochbauamt, Stadtarchiv Tübingen

+ ]]>
+ +
\ No newline at end of file diff --git a/lib/card/test/example/01/mondphasen.html b/lib/card/test/example/01/mondphasen.html new file mode 100644 index 0000000..8ce437d --- /dev/null +++ b/lib/card/test/example/01/mondphasen.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Die Mondphasenanzeige hat einen feststehenden Teil aus einem silbernen Halbkreis mit zwei kleineren Halbkreisen und einen beweglichen Teil, nämlich einen Zeiger, der an beiden Enden vergoldete Vollmondscheiben mit einem Gesicht hat. Durch seine Bewegung stellt der Zeiger die passende Mondphase dar, wie z. B. den Neu- oder Vollmond.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/mondphasen.xml b/lib/card/test/example/01/mondphasen.xml new file mode 100644 index 0000000..c3b741c --- /dev/null +++ b/lib/card/test/example/01/mondphasen.xml @@ -0,0 +1,10 @@ + + + + + +Die Mondphasenanzeige hat einen feststehenden Teil aus einem silbernen Halbkreis mit zwei kleineren Halbkreisen und einen beweglichen Teil, nämlich einen Zeiger, der an beiden Enden vergoldete Vollmondscheiben mit einem Gesicht hat. Durch seine Bewegung stellt der Zeiger die passende Mondphase dar, wie z. B. den Neu- oder Vollmond.

+ ]]>
+ +
\ No newline at end of file diff --git a/lib/card/test/example/01/mondphasenanzeigeneu.jpg b/lib/card/test/example/01/mondphasenanzeigeneu.jpg new file mode 100644 index 0000000..1668dc1 Binary files /dev/null and b/lib/card/test/example/01/mondphasenanzeigeneu.jpg differ diff --git a/lib/card/test/example/01/mondzeiger.html b/lib/card/test/example/01/mondzeiger.html new file mode 100644 index 0000000..e49affd --- /dev/null +++ b/lib/card/test/example/01/mondzeiger.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Der Mondzeiger besitzt an einem Ende einen vergoldeten Halbmond mit Gesicht und am anderen Ende eine goldene Kugel. Er zeigt die scheinbare Position des Mondes zur Position der Sonne an. Steht beispielsweise die Sichel des Mondzeigers auf dem Sonnensymbol des Sonnenzeigers so ist Neumond, steht sie dagegen auf dem Sternsymbol des Sonnenzeigers so ist Vollmond.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/mondzeiger.xml b/lib/card/test/example/01/mondzeiger.xml new file mode 100644 index 0000000..1456e95 --- /dev/null +++ b/lib/card/test/example/01/mondzeiger.xml @@ -0,0 +1,11 @@ + + + + + Der Mondzeiger besitzt an einem Ende einen vergoldeten Halbmond mit Gesicht und am anderen Ende eine goldene Kugel. Er zeigt die scheinbare Position des Mondes zur Position der Sonne an. Steht beispielsweise die Sichel des Mondzeigers auf dem Sonnensymbol des Sonnenzeigers so ist Neumond, steht sie dagegen auf dem Sternsymbol des Sonnenzeigers so ist Vollmond.

+ ]]>
+ +
\ No newline at end of file diff --git a/lib/card/test/example/01/mondzeigerneu.jpg b/lib/card/test/example/01/mondzeigerneu.jpg new file mode 100644 index 0000000..426f797 Binary files /dev/null and b/lib/card/test/example/01/mondzeigerneu.jpg differ diff --git a/lib/card/test/example/01/motive.html b/lib/card/test/example/01/motive.html new file mode 100644 index 0000000..0a444bd --- /dev/null +++ b/lib/card/test/example/01/motive.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Im Öhrn des Rathauses befinden sich acht Gerechtigkeitsbilder. Darunter auch das biblische „Gleichnis vom Splitter und Balken“. Es fordert dazu auf, sich zuerst eigener Fehler bewusst zu werden, bevor man die Fehler anderer verurteilt. Hier appelliert es an verantwortungsvolle Rechtsprechung.

„Gleichnis vom Splitter und Balken“ im Öhrn des Rathauses, Foto: Peter Neumann, Stadtarchiv Tübingen

Solche allegorische Darstellungen, die die Idee von Recht und Gerechtigkeit zum Ausdruck bringen, waren im Mittelalter und der frühen Neuzeit häufig an Orten der Rechtsprechung angebracht, also an Rathäusern, Pfalzen, Gerichtsportalen oder Justizpalästen.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/motive.xml b/lib/card/test/example/01/motive.xml new file mode 100644 index 0000000..fe2e9e0 --- /dev/null +++ b/lib/card/test/example/01/motive.xml @@ -0,0 +1,14 @@ + + +Im Öhrn des Rathauses befinden sich acht Gerechtigkeitsbilder. Darunter auch das biblische „Gleichnis vom Splitter und Balken“. Es fordert dazu auf, sich zuerst eigener Fehler bewusst zu werden, bevor man die Fehler anderer verurteilt. Hier appelliert es an verantwortungsvolle Rechtsprechung.

+]]>
+ +„Gleichnis vom Splitter und Balken“ im Öhrn des Rathauses, Foto: Peter Neumann, Stadtarchiv Tübingen

+ ]]>
+ +Solche allegorische Darstellungen, die die Idee von Recht und Gerechtigkeit zum Ausdruck bringen, waren im Mittelalter und der frühen Neuzeit häufig an Orten der Rechtsprechung angebracht, also an Rathäusern, Pfalzen, Gerichtsportalen oder Justizpalästen.

+ ]]>
+
\ No newline at end of file diff --git a/lib/card/test/example/01/oehrn.html b/lib/card/test/example/01/oehrn.html new file mode 100644 index 0000000..2fab213 --- /dev/null +++ b/lib/card/test/example/01/oehrn.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Der Öhrn ist eine süddeutsche Bezeichnung für Gang oder Flur, ein Raum, der zur Erschließung weiterer Räume dient.

Der Öhrn des Rathauses, Wandmalereien nach der Renovierung 1952, Foto: Gisela Fendel, Stadtarchiv Tübingen

Im Rathaus war der Öhrn nicht nur Vorraum für die beiden Gerichtsstuben, sondern diente früher wie heute als offizieller Empfangsraum der Stadt. Er war ursprünglich über eine freiliegende Holztreppe von der Haaggasse aus zu betreten, die der Erweiterung 1908 zum Opfer fiel.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/oehrn.jpg b/lib/card/test/example/01/oehrn.jpg new file mode 100644 index 0000000..49dc467 Binary files /dev/null and b/lib/card/test/example/01/oehrn.jpg differ diff --git a/lib/card/test/example/01/oehrn.xml b/lib/card/test/example/01/oehrn.xml new file mode 100644 index 0000000..731a490 --- /dev/null +++ b/lib/card/test/example/01/oehrn.xml @@ -0,0 +1,13 @@ + + +Der Öhrn ist eine süddeutsche Bezeichnung für Gang oder Flur, ein Raum, der zur Erschließung weiterer Räume dient.

+ ]]>
+ +Der Öhrn des Rathauses, Wandmalereien nach der Renovierung 1952, Foto: Gisela Fendel, Stadtarchiv Tübingen

+ ]]>
+Im Rathaus war der Öhrn nicht nur Vorraum für die beiden Gerichtsstuben, sondern diente früher wie heute als offizieller Empfangsraum der Stadt. Er war ursprünglich über eine freiliegende Holztreppe von der Haaggasse aus zu betreten, die der Erweiterung 1908 zum Opfer fiel.

+ ]]>
+
\ No newline at end of file diff --git a/lib/card/test/example/01/oehrn2.jpg b/lib/card/test/example/01/oehrn2.jpg new file mode 100644 index 0000000..bd0d093 Binary files /dev/null and b/lib/card/test/example/01/oehrn2.jpg differ diff --git a/lib/card/test/example/01/osiander.html b/lib/card/test/example/01/osiander.html new file mode 100644 index 0000000..df620e8 --- /dev/null +++ b/lib/card/test/example/01/osiander.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Johannes Osiander (1657 in Tübingen – 1724 in Tübingen) war Theologe, Professor für Griechisch, Hebräisch und Geographie und Diplomat. Er wirkte ab 1688 als Unterhändler im Pfälzischen Erbfolgekrieg. 1693 bewahrte er Tübingen durch sein Verhandlungsgeschick vor der Zerstörung durch die Franzosen.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/osiander.xml b/lib/card/test/example/01/osiander.xml new file mode 100644 index 0000000..0cdc0bf --- /dev/null +++ b/lib/card/test/example/01/osiander.xml @@ -0,0 +1,12 @@ + + + + + Johannes Osiander (1657 in Tübingen – 1724 in Tübingen) war Theologe, Professor für Griechisch, Hebräisch und Geographie und Diplomat. Er wirkte ab 1688 als Unterhändler im Pfälzischen Erbfolgekrieg. 1693 bewahrte er Tübingen durch sein Verhandlungsgeschick vor der Zerstörung durch die Franzosen.

+ ]]>
+ + +
\ No newline at end of file diff --git a/lib/card/test/example/01/osianderneu.jpg b/lib/card/test/example/01/osianderneu.jpg new file mode 100644 index 0000000..7ae0311 Binary files /dev/null and b/lib/card/test/example/01/osianderneu.jpg differ diff --git a/lib/card/test/example/01/rathauszweigeschossig.png b/lib/card/test/example/01/rathauszweigeschossig.png new file mode 100644 index 0000000..04c09d7 Binary files /dev/null and b/lib/card/test/example/01/rathauszweigeschossig.png differ diff --git a/lib/card/test/example/01/ratssaal.html b/lib/card/test/example/01/ratssaal.html new file mode 100644 index 0000000..588f37d --- /dev/null +++ b/lib/card/test/example/01/ratssaal.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Der Ratssaal im ersten Obergeschoss wurde bei den durchgreifenden Sanierungsarbeiten Mitte des 20. Jahrhunderts von späteren Einbauten befreit, die ursprüngliche Holzkonstruktion mit den fünf mächtigen Pfeilern ertüchtigt sowie eine neue Holzdecke eingezogen.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/ratssaal.xml b/lib/card/test/example/01/ratssaal.xml new file mode 100644 index 0000000..8939ea1 --- /dev/null +++ b/lib/card/test/example/01/ratssaal.xml @@ -0,0 +1,9 @@ + + +Der Ratssaal im ersten Obergeschoss wurde bei den durchgreifenden Sanierungsarbeiten Mitte des 20. Jahrhunderts von späteren Einbauten befreit, die ursprüngliche Holzkonstruktion mit den fünf mächtigen Pfeilern ertüchtigt sowie eine neue Holzdecke eingezogen.

+ ]]>
+ +
\ No newline at end of file diff --git a/lib/card/test/example/01/ratssaalneu.jpg b/lib/card/test/example/01/ratssaalneu.jpg new file mode 100644 index 0000000..fa4b0f7 Binary files /dev/null and b/lib/card/test/example/01/ratssaalneu.jpg differ diff --git a/lib/card/test/example/01/rebmaennle.html b/lib/card/test/example/01/rebmaennle.html new file mode 100644 index 0000000..afce403 --- /dev/null +++ b/lib/card/test/example/01/rebmaennle.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Das Rebmännle befindet sich an der Südostecke des Rathauses (siehe roter Kreis). Foto: Otto Buchegger, Stadtarchiv Tübingen

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/rebmaennle.jpg b/lib/card/test/example/01/rebmaennle.jpg new file mode 100644 index 0000000..3d8785b Binary files /dev/null and b/lib/card/test/example/01/rebmaennle.jpg differ diff --git a/lib/card/test/example/01/rebmaennle.xml b/lib/card/test/example/01/rebmaennle.xml new file mode 100644 index 0000000..e09280f --- /dev/null +++ b/lib/card/test/example/01/rebmaennle.xml @@ -0,0 +1,8 @@ + + + + Das Rebmännle befindet sich an der Südostecke des Rathauses (siehe roter Kreis). Foto: Otto Buchegger, Stadtarchiv Tübingen

+ ]]>
+ +
\ No newline at end of file diff --git a/lib/card/test/example/01/rebmaennleneu.jpg b/lib/card/test/example/01/rebmaennleneu.jpg new file mode 100644 index 0000000..2680ac3 Binary files /dev/null and b/lib/card/test/example/01/rebmaennleneu.jpg differ diff --git a/lib/card/test/example/01/restaurierungsmassnahmen.html b/lib/card/test/example/01/restaurierungsmassnahmen.html new file mode 100644 index 0000000..d2fb82c --- /dev/null +++ b/lib/card/test/example/01/restaurierungsmassnahmen.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Insgesamt wurde bei der neuesten Restaurierung darauf geachtet, das Rathaus wieder „historischer“ zu machen. Zum Beispiel orientierte man sich bei den Fenstern im ersten und zweiten Geschoss alten Bildern aus dem 19. Jahrhundert. Auch die dreiteilige Halle im Erdgeschoss wurde wieder sichtbar gemacht.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/restaurierungsmassnahmen.xml b/lib/card/test/example/01/restaurierungsmassnahmen.xml new file mode 100644 index 0000000..54a9b9c --- /dev/null +++ b/lib/card/test/example/01/restaurierungsmassnahmen.xml @@ -0,0 +1,9 @@ + + +Insgesamt wurde bei der neuesten Restaurierung darauf geachtet, das Rathaus wieder „historischer“ zu machen. Zum Beispiel orientierte man sich bei den Fenstern im ersten und zweiten Geschoss alten Bildern aus dem 19. Jahrhundert. Auch die dreiteilige Halle im Erdgeschoss wurde wieder sichtbar gemacht.

+ ]]>
+ +
\ No newline at end of file diff --git a/lib/card/test/example/01/schoenheitsideal.html b/lib/card/test/example/01/schoenheitsideal.html new file mode 100644 index 0000000..087adcf --- /dev/null +++ b/lib/card/test/example/01/schoenheitsideal.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Beispielsweise beschreibt der Arzt Jean Liebault in seinem Buch „Drei Werke zu Verschönerung und zum Schmuck des menschlichen Körpers“ von 1582 schöne Frauen seiner Zeit als die, die „[…] einen vollen, ausladenden, weißen Oberköper haben mit zwei runden festen Äpfeln, die wie kleine Wellen auf und ab wogen; die Arme sollen fleischig und kräftig sein; die Hände weiß, keinesfalls länglich und nicht sehr breit und auf dem Handrücken darf man keine Knoten oder Venen sehen; die Füße sollen klein, kurz, trocken und rund sein, frisch und leicht. [...] Das Kinn kurz und in der Mitte vertieft und im unteren Bereich so fleischig und fett, dass es zum Hals hin hinabhängt und ein zweites Kinn zu formen scheint; die leuchtenden, blutroten Wangen müssen hoch sein, mit kleinen Grübchen in der Mitte, in denen ein hübsches Lachen sitzt; die Ohren sollen rund, kurz und nicht hängend sein, Hals und Kehle wohlgerundet […]. Dies ist das Bild und das perfekte Beispiel wahrhafter und naiver weiblicher Schönheit.“

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/schoenheitsideal.xml b/lib/card/test/example/01/schoenheitsideal.xml new file mode 100644 index 0000000..5c6708b --- /dev/null +++ b/lib/card/test/example/01/schoenheitsideal.xml @@ -0,0 +1,10 @@ + + +Beispielsweise beschreibt der Arzt Jean Liebault in seinem Buch „Drei Werke zu Verschönerung und zum Schmuck des menschlichen Körpers“ von 1582 schöne Frauen seiner Zeit als die, die „[…] einen vollen, ausladenden, weißen Oberköper haben mit zwei runden festen Äpfeln, die wie kleine Wellen auf und ab wogen; die Arme sollen fleischig und kräftig sein; die Hände weiß, keinesfalls länglich und nicht sehr breit und auf dem Handrücken darf man keine Knoten oder Venen sehen; die Füße sollen klein, kurz, trocken und rund sein, frisch und leicht. [...] Das Kinn kurz und in der Mitte vertieft und im unteren Bereich so fleischig und fett, dass es zum Hals hin hinabhängt und ein zweites Kinn zu formen scheint; die leuchtenden, blutroten Wangen müssen hoch sein, mit kleinen Grübchen in der Mitte, in denen ein hübsches Lachen sitzt; die Ohren sollen rund, kurz und nicht hängend sein, Hals und Kehle wohlgerundet […]. Dies ist das Bild und das perfekte Beispiel wahrhafter und naiver weiblicher Schönheit.“

+ ]]>
+ + +
\ No newline at end of file diff --git a/lib/card/test/example/01/sitzungssaal.jpg b/lib/card/test/example/01/sitzungssaal.jpg new file mode 100644 index 0000000..0309f0b Binary files /dev/null and b/lib/card/test/example/01/sitzungssaal.jpg differ diff --git a/lib/card/test/example/01/sitzungssaelen.html b/lib/card/test/example/01/sitzungssaelen.html new file mode 100644 index 0000000..b05f76d --- /dev/null +++ b/lib/card/test/example/01/sitzungssaelen.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Für kleinere Zusammenkünfte ist der kleine Sitzungssaal oder der ehemalige Hofgerichtssaal vorgesehen.

Der kleine Sitzungssaal im zweiten Geschoss des Rathauses, Foto: Peter Neumann, Stadtarchiv

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/sitzungssaelen.xml b/lib/card/test/example/01/sitzungssaelen.xml new file mode 100644 index 0000000..173d865 --- /dev/null +++ b/lib/card/test/example/01/sitzungssaelen.xml @@ -0,0 +1,10 @@ + + +Für kleinere Zusammenkünfte ist der kleine Sitzungssaal oder der ehemalige Hofgerichtssaal vorgesehen.

+ ]]>
+ + Der kleine Sitzungssaal im zweiten Geschoss des Rathauses, Foto: Peter Neumann, Stadtarchiv

+ ]]>
+
\ No newline at end of file diff --git a/lib/card/test/example/01/sonnenundmondfinsternis.html b/lib/card/test/example/01/sonnenundmondfinsternis.html new file mode 100644 index 0000000..9c54be3 --- /dev/null +++ b/lib/card/test/example/01/sonnenundmondfinsternis.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

An der Astronomischen Uhr können Sonnen- und Mondfinsternisse abgelesen werden. Wenn Sonnen-, Mond- und Drachenzeiger übereinanderstehen zeigt dies eine Sonnenfinsternis an. Wenn sich Sonnen- und Mondzeiger genau gegenüberliegen und mit dem Drachenzeiger eine Linie bilden, zeigt dies eine Mondfinsternis an.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/sonnenundmondfinsternis.xml b/lib/card/test/example/01/sonnenundmondfinsternis.xml new file mode 100644 index 0000000..6a43d66 --- /dev/null +++ b/lib/card/test/example/01/sonnenundmondfinsternis.xml @@ -0,0 +1,7 @@ + + + + An der Astronomischen Uhr können Sonnen- und Mondfinsternisse abgelesen werden. Wenn Sonnen-, Mond- und Drachenzeiger übereinanderstehen zeigt dies eine Sonnenfinsternis an. Wenn sich Sonnen- und Mondzeiger genau gegenüberliegen und mit dem Drachenzeiger eine Linie bilden, zeigt dies eine Mondfinsternis an.

+ ]]>
+
\ No newline at end of file diff --git a/lib/card/test/example/01/sonnenzeiger.html b/lib/card/test/example/01/sonnenzeiger.html new file mode 100644 index 0000000..ec2dcf6 --- /dev/null +++ b/lib/card/test/example/01/sonnenzeiger.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Der Sonnenzeiger hat an einem Ende eine vergoldete Sonne mit Gesicht und am anderen Ende einen goldenen Stern. Er bewegt sich täglich ein „knappes“ Grad und braucht 365 Tage, 5 Stunden, 48 Minuten und 46 Sekunden für einen Umlauf durch die Tierkreiszeichen. In diesem Zeitraum wird die Sonne auch einmal von der Erde umkreist.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/sonnenzeiger.xml b/lib/card/test/example/01/sonnenzeiger.xml new file mode 100644 index 0000000..d4a28d7 --- /dev/null +++ b/lib/card/test/example/01/sonnenzeiger.xml @@ -0,0 +1,10 @@ + + + + Der Sonnenzeiger hat an einem Ende eine vergoldete Sonne mit Gesicht und am anderen Ende einen goldenen Stern. Er bewegt sich täglich ein „knappes“ Grad und braucht 365 Tage, 5 Stunden, 48 Minuten und 46 Sekunden für einen Umlauf durch die Tierkreiszeichen. In diesem Zeitraum wird die Sonne auch einmal von der Erde umkreist.

+ ]]>
+ +
\ No newline at end of file diff --git a/lib/card/test/example/01/sonnenzeigerneu.jpg b/lib/card/test/example/01/sonnenzeigerneu.jpg new file mode 100644 index 0000000..a2494df Binary files /dev/null and b/lib/card/test/example/01/sonnenzeigerneu.jpg differ diff --git a/lib/card/test/example/01/spital.html b/lib/card/test/example/01/spital.html new file mode 100644 index 0000000..e772ca5 --- /dev/null +++ b/lib/card/test/example/01/spital.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Das Spital (heutiges Bürgerheim), Foto: Christoph Jäckle

Das ehemalige Tübinger Spital (heutiges Bürgerheim) wurde im 13. Jahrhundert gegründet und befand sich in der Schmiedtorstraße 2.

Der Begriff Spital existiert seit dem 4. Jahrhundert und bezeichnete eine Einrichtung, die unterschiedliche Aufgaben der sozialen Fürsorge erfüllte: Zum Beispiel als Alten- oder Pflegeheim, Armen- oder Waisenhaus. Erst im 18. Jahrhundert wurden Kranke aufgenommen und im 19. Jahrhundert bezeichnete man ein Krankenhaus als Spital.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/spital.jpg b/lib/card/test/example/01/spital.jpg new file mode 100644 index 0000000..3e6318f Binary files /dev/null and b/lib/card/test/example/01/spital.jpg differ diff --git a/lib/card/test/example/01/spital.xml b/lib/card/test/example/01/spital.xml new file mode 100644 index 0000000..7cef576 --- /dev/null +++ b/lib/card/test/example/01/spital.xml @@ -0,0 +1,17 @@ + + + + +Das Spital (heutiges Bürgerheim), Foto: Christoph Jäckle

+ ]]>
+ Das ehemalige Tübinger Spital (heutiges Bürgerheim) wurde im 13. Jahrhundert gegründet und befand sich in der Schmiedtorstraße 2.

+

Der Begriff Spital existiert seit dem 4. Jahrhundert und bezeichnete eine Einrichtung, die unterschiedliche Aufgaben der sozialen Fürsorge erfüllte: Zum Beispiel als Alten- oder Pflegeheim, Armen- oder Waisenhaus. Erst im 18. Jahrhundert wurden Kranke aufgenommen und im 19. Jahrhundert bezeichnete man ein Krankenhaus als Spital.

+ ]]>
+ +
\ No newline at end of file diff --git a/lib/card/test/example/01/tagnacht.html b/lib/card/test/example/01/tagnacht.html new file mode 100644 index 0000000..e612f8b --- /dev/null +++ b/lib/card/test/example/01/tagnacht.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Die Position des Sonnenzeigers auf dem mittleren Ring – außen schwarz­weiß gezahnt, innen rotbraun – gibt die Tag- und Nachtlängen an. Auf diesem Ring befinden sich vergoldete Zahlen von 8 bis 16 – beginnend bei sechs Uhr. Sie sind einmal im und einmal gegen den Uhrzeigerdrehsinn angeordnet. Während die Zahl, die sich auf dem Schnittpunkt der Zeigerstande unter des Sonnenkopfes mit dem braunen Ring des Sonnenzeigers befindet, die Tageslänge (tägliche Sonnenscheindauer) angibt, zeigt der Schnittpunkt unter der Sternseite des Sonnenzeigers die Nachtlänge. So sieht man z. B. in der Abbildung, dass der Tag ca. 11 Stunden und die Nacht ca. 13 Stunden dauert.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/tagnacht.jpg b/lib/card/test/example/01/tagnacht.jpg new file mode 100644 index 0000000..30143d4 Binary files /dev/null and b/lib/card/test/example/01/tagnacht.jpg differ diff --git a/lib/card/test/example/01/tagnacht.xml b/lib/card/test/example/01/tagnacht.xml new file mode 100644 index 0000000..2529805 --- /dev/null +++ b/lib/card/test/example/01/tagnacht.xml @@ -0,0 +1,7 @@ + + + + Die Position des Sonnenzeigers auf dem mittleren Ring – außen schwarz-weiß gezahnt, innen rotbraun – gibt die Tag- und Nachtlängen an. Auf diesem Ring befinden sich vergoldete Zahlen von 8 bis 16 – beginnend bei sechs Uhr. Sie sind einmal im und einmal gegen den Uhrzeigerdrehsinn angeordnet. Während die Zahl, die sich auf dem Schnittpunkt der Zeigerstande unter des Sonnenkopfes mit dem braunen Ring des Sonnenzeigers befindet, die Tageslänge (tägliche Sonnenscheindauer) angibt, zeigt der Schnittpunkt unter der Sternseite des Sonnenzeigers die Nachtlänge. So sieht man z. B. in der Abbildung, dass der Tag ca. 11 Stunden und die Nacht ca. 13 Stunden dauert.

+ ]]>
+
\ No newline at end of file diff --git a/lib/card/test/example/01/teaseruhr2.jpg b/lib/card/test/example/01/teaseruhr2.jpg new file mode 100644 index 0000000..f9a4cdf Binary files /dev/null and b/lib/card/test/example/01/teaseruhr2.jpg differ diff --git a/lib/card/test/example/01/thumbnail.jpg b/lib/card/test/example/01/thumbnail.jpg new file mode 100644 index 0000000..ae3bc19 Binary files /dev/null and b/lib/card/test/example/01/thumbnail.jpg differ diff --git a/lib/card/test/example/01/tierkreis.html b/lib/card/test/example/01/tierkreis.html new file mode 100644 index 0000000..947d01c --- /dev/null +++ b/lib/card/test/example/01/tierkreis.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Auf dem äußersten Ring des astronomischen Zifferblatts sind die zwölf Tierkreiszeichen aufgemalt. Sie zeigen in drei Gruppen beginnend mit dem Widder als Frühlingsanfang (siehe Abbildung) die vier Jahreszeiten. Der sich anschließende Ring – außen schwarz­weiß gezahnt, innen rotbraun – teilt die Tierkreiszeichen in 30° Segmente. Deshalb findet sich am Beginn jeden Tierkreiszeichens eine vergoldete 30.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/tierkreis.xml b/lib/card/test/example/01/tierkreis.xml new file mode 100644 index 0000000..9d91eed --- /dev/null +++ b/lib/card/test/example/01/tierkreis.xml @@ -0,0 +1,8 @@ + + + + + Auf dem äußersten Ring des astronomischen Zifferblatts sind die zwölf Tierkreiszeichen aufgemalt. Sie zeigen in drei Gruppen beginnend mit dem Widder als Frühlingsanfang (siehe Abbildung) die vier Jahreszeiten. Der sich anschließende Ring – außen schwarz-weiß gezahnt, innen rotbraun – teilt die Tierkreiszeichen in 30° Segmente. Deshalb findet sich am Beginn jeden Tierkreiszeichens eine vergoldete 30.

+ ]]>
+
\ No newline at end of file diff --git a/lib/card/test/example/01/trauzimmer.jpg b/lib/card/test/example/01/trauzimmer.jpg new file mode 100644 index 0000000..ce24db8 Binary files /dev/null and b/lib/card/test/example/01/trauzimmer.jpg differ diff --git a/lib/card/test/example/01/uhland.html b/lib/card/test/example/01/uhland.html new file mode 100644 index 0000000..96b47cb --- /dev/null +++ b/lib/card/test/example/01/uhland.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Ludwig Uhland (1787 in Tübingen – 1862 in Tübingen) war nicht nur Dichter und Sprachwissenschaftler, sondern vor allem einer der bedeutendsten Politiker seiner Zeit, der als unabhängiges Mitglied des Frankfurter Parlamentes couragiert für Freiheit und Menschenwürde kämpfte. Als württembergischer Abgeordneter setzte er sich bei der Diskussion um eine Verfassung für das Königreich Württemberg für das „gute, alte Recht“ des Tübinger Vertrags ein.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/uhland.xml b/lib/card/test/example/01/uhland.xml new file mode 100644 index 0000000..849ee59 --- /dev/null +++ b/lib/card/test/example/01/uhland.xml @@ -0,0 +1,8 @@ + + + + + Ludwig Uhland (1787 in Tübingen – 1862 in Tübingen) war nicht nur Dichter und Sprachwissenschaftler, sondern vor allem einer der bedeutendsten Politiker seiner Zeit, der als unabhängiges Mitglied des Frankfurter Parlamentes couragiert für Freiheit und Menschenwürde kämpfte. Als württembergischer Abgeordneter setzte er sich bei der Diskussion um eine Verfassung für das Königreich Württemberg für das „gute, alte Recht“ des Tübinger Vertrags ein.

+ ]]>
+
\ No newline at end of file diff --git a/lib/card/test/example/01/uhlandneu.jpg b/lib/card/test/example/01/uhlandneu.jpg new file mode 100644 index 0000000..acebc8c Binary files /dev/null and b/lib/card/test/example/01/uhlandneu.jpg differ diff --git a/lib/card/test/example/01/uhrfrueher.jpg b/lib/card/test/example/01/uhrfrueher.jpg new file mode 100644 index 0000000..f669263 Binary files /dev/null and b/lib/card/test/example/01/uhrfrueher.jpg differ diff --git a/lib/card/test/example/01/umhang.html b/lib/card/test/example/01/umhang.html new file mode 100644 index 0000000..918033d --- /dev/null +++ b/lib/card/test/example/01/umhang.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Der Umhang von Rebmännle erinnert an die Form eines Weinblatts. Foto: Peter Neumann, Stadtarchiv Tübingen

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/umhang.jpg b/lib/card/test/example/01/umhang.jpg new file mode 100644 index 0000000..650e5ca Binary files /dev/null and b/lib/card/test/example/01/umhang.jpg differ diff --git a/lib/card/test/example/01/umhang.xml b/lib/card/test/example/01/umhang.xml new file mode 100644 index 0000000..79baba7 --- /dev/null +++ b/lib/card/test/example/01/umhang.xml @@ -0,0 +1,7 @@ + + + + Der Umhang von Rebmännle erinnert an die Form eines Weinblatts. Foto: Peter Neumann, Stadtarchiv Tübingen

+ ]]>
+
\ No newline at end of file diff --git a/lib/card/test/example/01/urspruenglicheszifferblattneu.jpg b/lib/card/test/example/01/urspruenglicheszifferblattneu.jpg new file mode 100644 index 0000000..3f48544 Binary files /dev/null and b/lib/card/test/example/01/urspruenglicheszifferblattneu.jpg differ diff --git a/lib/card/test/example/01/vorderheutigenfassade.html b/lib/card/test/example/01/vorderheutigenfassade.html new file mode 100644 index 0000000..c419d4e --- /dev/null +++ b/lib/card/test/example/01/vorderheutigenfassade.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Das Rathaus vor der Renovierung 1876, Foto: Paul Sinner, Stadtarchiv Tübingen

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/vorderheutigenfassade.jpg b/lib/card/test/example/01/vorderheutigenfassade.jpg new file mode 100644 index 0000000..634ffd9 Binary files /dev/null and b/lib/card/test/example/01/vorderheutigenfassade.jpg differ diff --git a/lib/card/test/example/01/vorderheutigenfassade.xml b/lib/card/test/example/01/vorderheutigenfassade.xml new file mode 100644 index 0000000..e7cf4b9 --- /dev/null +++ b/lib/card/test/example/01/vorderheutigenfassade.xml @@ -0,0 +1,7 @@ + + + + Das Rathaus vor der Renovierung 1876, Foto: Paul Sinner, Stadtarchiv Tübingen

+ ]]>
+
\ No newline at end of file diff --git a/lib/card/test/example/01/weintraube.html b/lib/card/test/example/01/weintraube.html new file mode 100644 index 0000000..cabac35 --- /dev/null +++ b/lib/card/test/example/01/weintraube.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Auf einer vollen Weintraube tanzt die nackte, weibliche Figur.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/weintraube.jpg b/lib/card/test/example/01/weintraube.jpg new file mode 100644 index 0000000..adf1dc2 Binary files /dev/null and b/lib/card/test/example/01/weintraube.jpg differ diff --git a/lib/card/test/example/01/weintraube.xml b/lib/card/test/example/01/weintraube.xml new file mode 100644 index 0000000..2cb1f85 --- /dev/null +++ b/lib/card/test/example/01/weintraube.xml @@ -0,0 +1,7 @@ + + + + Auf einer vollen Weintraube tanzt die nackte, weibliche Figur.

+ ]]>
+
\ No newline at end of file diff --git a/lib/card/test/example/01/wissenschaft.html b/lib/card/test/example/01/wissenschaft.html new file mode 100644 index 0000000..159bf0e --- /dev/null +++ b/lib/card/test/example/01/wissenschaft.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Rechts unten auf der Fassade sieht man Minerva als Göttin der Weisheit, der Kriegsführung und der Wissenschaft. Zu ihrer Linken sieht man ein Schild, was als eines ihrer Attribute gilt.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/wissenschaft.xml b/lib/card/test/example/01/wissenschaft.xml new file mode 100644 index 0000000..d19c36b --- /dev/null +++ b/lib/card/test/example/01/wissenschaft.xml @@ -0,0 +1,7 @@ + + + + Rechts unten auf der Fassade sieht man Minerva als Göttin der Weisheit, der Kriegsführung und der Wissenschaft. Zu ihrer Linken sieht man ein Schild, was als eines ihrer Attribute gilt.

+ ]]>
+
\ No newline at end of file diff --git a/lib/card/test/example/01/wissenschaftneu.jpg b/lib/card/test/example/01/wissenschaftneu.jpg new file mode 100644 index 0000000..1afacd3 Binary files /dev/null and b/lib/card/test/example/01/wissenschaftneu.jpg differ diff --git a/lib/card/test/example/01/wohlstand.html b/lib/card/test/example/01/wohlstand.html new file mode 100644 index 0000000..0686c00 --- /dev/null +++ b/lib/card/test/example/01/wohlstand.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Ceres, Göttin des Ackerbaus, befindet sich als Personifizierung des wirtschaftlichen Wohlstands an der Rathausfassade links neben dem Balkon. Sie hält ihre Attribute Ährengarbe und Füllhorn mit Früchten in den Armen.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/wohlstand.xml b/lib/card/test/example/01/wohlstand.xml new file mode 100644 index 0000000..e839707 --- /dev/null +++ b/lib/card/test/example/01/wohlstand.xml @@ -0,0 +1,10 @@ + + + + Ceres, Göttin des Ackerbaus, befindet sich als Personifizierung des wirtschaftlichen Wohlstands an der Rathausfassade links neben dem Balkon. Sie hält ihre Attribute Ährengarbe und Füllhorn mit Früchten in den Armen.

+ ]]>
+ + + +
\ No newline at end of file diff --git a/lib/card/test/example/01/wohlstandneu.jpg b/lib/card/test/example/01/wohlstandneu.jpg new file mode 100644 index 0000000..2c1ed24 Binary files /dev/null and b/lib/card/test/example/01/wohlstandneu.jpg differ diff --git a/lib/card/test/example/01/ziergiebel.html b/lib/card/test/example/01/ziergiebel.html new file mode 100644 index 0000000..86c03cb --- /dev/null +++ b/lib/card/test/example/01/ziergiebel.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Ein Ziergiebel ist ein als Ornament ausgestalteter oberer Abschluss eines Bauteils in der Form eines Giebels.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/ziergiebel.xml b/lib/card/test/example/01/ziergiebel.xml new file mode 100644 index 0000000..d9300d0 --- /dev/null +++ b/lib/card/test/example/01/ziergiebel.xml @@ -0,0 +1,8 @@ + + +Ein Ziergiebel ist ein als Ornament ausgestalteter oberer Abschluss eines Bauteils in der Form eines Giebels.

+ ]]>
+ + +
\ No newline at end of file diff --git a/lib/card/test/example/01/ziergiebel2.html b/lib/card/test/example/01/ziergiebel2.html new file mode 100644 index 0000000..fc247a6 --- /dev/null +++ b/lib/card/test/example/01/ziergiebel2.html @@ -0,0 +1,22 @@ + + + Popup + + + + + + + + + + + + + + + +

Der Ziergiebel des Rathauses, Foto: Christoph Jäckle

Ein Ziergiebel ist ein als Ornament ausgestalteter oberer Abschluss eines Bauteils in der Form eines Giebels.

+ + + \ No newline at end of file diff --git a/lib/card/test/example/01/ziergiebel2.xml b/lib/card/test/example/01/ziergiebel2.xml new file mode 100644 index 0000000..6297122 --- /dev/null +++ b/lib/card/test/example/01/ziergiebel2.xml @@ -0,0 +1,12 @@ + + + + Der Ziergiebel des Rathauses, Foto: Christoph Jäckle

+ ]]>
+Ein Ziergiebel ist ein als Ornament ausgestalteter oberer Abschluss eines Bauteils in der Form eines Giebels.

+ ]]>
+ + +
\ No newline at end of file diff --git a/lib/card/test/example/01/ziergiebelneu.jpg b/lib/card/test/example/01/ziergiebelneu.jpg new file mode 100644 index 0000000..3a81400 Binary files /dev/null and b/lib/card/test/example/01/ziergiebelneu.jpg differ diff --git a/lib/card/test/example/_theme/config.json b/lib/card/test/example/_theme/config.json new file mode 100644 index 0000000..12162a1 --- /dev/null +++ b/lib/card/test/example/_theme/config.json @@ -0,0 +1,5 @@ +{ + "card": "03", + "cards": ["01"], + "tueschDirectory": "../../../../../dev/tuesch/var/cards/" +} \ No newline at end of file diff --git a/lib/card/test/example/_theme/css/article.css b/lib/card/test/example/_theme/css/article.css new file mode 100644 index 0000000..2c78fa1 --- /dev/null +++ b/lib/card/test/example/_theme/css/article.css @@ -0,0 +1,11 @@ + +body { + background-color: white; + color: black; + width: 100%; + height: 100%; +} + +article { + top: 66px; +} diff --git a/lib/card/test/example/_theme/css/bulma.css b/lib/card/test/example/_theme/css/bulma.css new file mode 100644 index 0000000..7854f8b --- /dev/null +++ b/lib/card/test/example/_theme/css/bulma.css @@ -0,0 +1,10719 @@ +/*! bulma.io v0.6.2 | MIT License | github.com/jgthms/bulma */ +@-webkit-keyframes spinAround { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes spinAround { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */ +html, +body, +p, +ol, +ul, +li, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +hr, +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + padding: 0; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: 100%; + font-weight: normal; +} + +ul { + list-style: none; +} + +button, +input, +select, +textarea { + margin: 0; +} + +html { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +* { + -webkit-box-sizing: inherit; + box-sizing: inherit; +} + +*:before, *:after { + -webkit-box-sizing: inherit; + box-sizing: inherit; +} + +img, +embed, +object, +audio, +video { + max-width: 100%; +} + +iframe { + border: 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; + text-align: left; +} + +html { + background-color: white; + font-size: 16px; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + min-width: 300px; + overflow-x: hidden; + overflow-y: scroll; + text-rendering: optimizeLegibility; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + text-size-adjust: 100%; +} + +article, +aside, +figure, +footer, +header, +hgroup, +section { + display: block; +} + +body, +button, +input, +select, +textarea { + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; +} + +code, +pre { + -moz-osx-font-smoothing: auto; + -webkit-font-smoothing: auto; + font-family: monospace; +} + +body { + color: #4a4a4a; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; +} + +a { + color: #3273dc; + cursor: pointer; + text-decoration: none; +} + +a strong { + color: currentColor; +} + +a:hover { + color: #363636; +} + +code { + background-color: whitesmoke; + color: #ff3860; + font-size: 0.875em; + font-weight: normal; + padding: 0.25em 0.5em 0.25em; +} + +hr { + background-color: #dbdbdb; + border: none; + display: block; + height: 1px; + margin: 1.5rem 0; +} + +img { + height: auto; + max-width: 100%; +} + +input[type="checkbox"], +input[type="radio"] { + vertical-align: baseline; +} + +small { + font-size: 0.875em; +} + +span { + font-style: inherit; + font-weight: inherit; +} + +strong { + color: #363636; + font-weight: 700; +} + +pre { + -webkit-overflow-scrolling: touch; + background-color: whitesmoke; + color: #4a4a4a; + font-size: 0.875em; + overflow-x: auto; + padding: 1.25rem 1.5rem; + white-space: pre; + word-wrap: normal; +} + +pre code { + background-color: transparent; + color: currentColor; + font-size: 1em; + padding: 0; +} + +table td, +table th { + text-align: left; + vertical-align: top; +} + +table th { + color: #363636; +} + +.is-clearfix:after { + clear: both; + content: " "; + display: table; +} + +.is-pulled-left { + float: left !important; +} + +.is-pulled-right { + float: right !important; +} + +.is-clipped { + overflow: hidden !important; +} + +.is-overlay { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; +} + +.is-size-1 { + font-size: 3rem !important; +} + +.is-size-2 { + font-size: 2.5rem !important; +} + +.is-size-3 { + font-size: 2rem !important; +} + +.is-size-4 { + font-size: 1.5rem !important; +} + +.is-size-5 { + font-size: 1.25rem !important; +} + +.is-size-6 { + font-size: 1rem !important; +} + +.is-size-7 { + font-size: 0.75rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-1-mobile { + font-size: 3rem !important; + } + .is-size-2-mobile { + font-size: 2.5rem !important; + } + .is-size-3-mobile { + font-size: 2rem !important; + } + .is-size-4-mobile { + font-size: 1.5rem !important; + } + .is-size-5-mobile { + font-size: 1.25rem !important; + } + .is-size-6-mobile { + font-size: 1rem !important; + } + .is-size-7-mobile { + font-size: 0.75rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-1-tablet { + font-size: 3rem !important; + } + .is-size-2-tablet { + font-size: 2.5rem !important; + } + .is-size-3-tablet { + font-size: 2rem !important; + } + .is-size-4-tablet { + font-size: 1.5rem !important; + } + .is-size-5-tablet { + font-size: 1.25rem !important; + } + .is-size-6-tablet { + font-size: 1rem !important; + } + .is-size-7-tablet { + font-size: 0.75rem !important; + } +} + +@media screen and (max-width: 1023px) { + .is-size-1-touch { + font-size: 3rem !important; + } + .is-size-2-touch { + font-size: 2.5rem !important; + } + .is-size-3-touch { + font-size: 2rem !important; + } + .is-size-4-touch { + font-size: 1.5rem !important; + } + .is-size-5-touch { + font-size: 1.25rem !important; + } + .is-size-6-touch { + font-size: 1rem !important; + } + .is-size-7-touch { + font-size: 0.75rem !important; + } +} + +@media screen and (min-width: 1024px) { + .is-size-1-desktop { + font-size: 3rem !important; + } + .is-size-2-desktop { + font-size: 2.5rem !important; + } + .is-size-3-desktop { + font-size: 2rem !important; + } + .is-size-4-desktop { + font-size: 1.5rem !important; + } + .is-size-5-desktop { + font-size: 1.25rem !important; + } + .is-size-6-desktop { + font-size: 1rem !important; + } + .is-size-7-desktop { + font-size: 0.75rem !important; + } +} + +@media screen and (min-width: 1216px) { + .is-size-1-widescreen { + font-size: 3rem !important; + } + .is-size-2-widescreen { + font-size: 2.5rem !important; + } + .is-size-3-widescreen { + font-size: 2rem !important; + } + .is-size-4-widescreen { + font-size: 1.5rem !important; + } + .is-size-5-widescreen { + font-size: 1.25rem !important; + } + .is-size-6-widescreen { + font-size: 1rem !important; + } + .is-size-7-widescreen { + font-size: 0.75rem !important; + } +} + +@media screen and (min-width: 1408px) { + .is-size-1-fullhd { + font-size: 3rem !important; + } + .is-size-2-fullhd { + font-size: 2.5rem !important; + } + .is-size-3-fullhd { + font-size: 2rem !important; + } + .is-size-4-fullhd { + font-size: 1.5rem !important; + } + .is-size-5-fullhd { + font-size: 1.25rem !important; + } + .is-size-6-fullhd { + font-size: 1rem !important; + } + .is-size-7-fullhd { + font-size: 0.75rem !important; + } +} + +.has-text-centered { + text-align: center !important; +} + +@media screen and (max-width: 768px) { + .has-text-centered-mobile { + text-align: center !important; + } +} + +@media screen and (min-width: 769px), print { + .has-text-centered-tablet { + text-align: center !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + .has-text-centered-tablet-only { + text-align: center !important; + } +} + +@media screen and (max-width: 1023px) { + .has-text-centered-touch { + text-align: center !important; + } +} + +@media screen and (min-width: 1024px) { + .has-text-centered-desktop { + text-align: center !important; + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .has-text-centered-desktop-only { + text-align: center !important; + } +} + +@media screen and (min-width: 1216px) { + .has-text-centered-widescreen { + text-align: center !important; + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .has-text-centered-widescreen-only { + text-align: center !important; + } +} + +@media screen and (min-width: 1408px) { + .has-text-centered-fullhd { + text-align: center !important; + } +} + +.has-text-justified { + text-align: justify !important; +} + +@media screen and (max-width: 768px) { + .has-text-justified-mobile { + text-align: justify !important; + } +} + +@media screen and (min-width: 769px), print { + .has-text-justified-tablet { + text-align: justify !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + .has-text-justified-tablet-only { + text-align: justify !important; + } +} + +@media screen and (max-width: 1023px) { + .has-text-justified-touch { + text-align: justify !important; + } +} + +@media screen and (min-width: 1024px) { + .has-text-justified-desktop { + text-align: justify !important; + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .has-text-justified-desktop-only { + text-align: justify !important; + } +} + +@media screen and (min-width: 1216px) { + .has-text-justified-widescreen { + text-align: justify !important; + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .has-text-justified-widescreen-only { + text-align: justify !important; + } +} + +@media screen and (min-width: 1408px) { + .has-text-justified-fullhd { + text-align: justify !important; + } +} + +.has-text-left { + text-align: left !important; +} + +@media screen and (max-width: 768px) { + .has-text-left-mobile { + text-align: left !important; + } +} + +@media screen and (min-width: 769px), print { + .has-text-left-tablet { + text-align: left !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + .has-text-left-tablet-only { + text-align: left !important; + } +} + +@media screen and (max-width: 1023px) { + .has-text-left-touch { + text-align: left !important; + } +} + +@media screen and (min-width: 1024px) { + .has-text-left-desktop { + text-align: left !important; + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .has-text-left-desktop-only { + text-align: left !important; + } +} + +@media screen and (min-width: 1216px) { + .has-text-left-widescreen { + text-align: left !important; + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .has-text-left-widescreen-only { + text-align: left !important; + } +} + +@media screen and (min-width: 1408px) { + .has-text-left-fullhd { + text-align: left !important; + } +} + +.has-text-right { + text-align: right !important; +} + +@media screen and (max-width: 768px) { + .has-text-right-mobile { + text-align: right !important; + } +} + +@media screen and (min-width: 769px), print { + .has-text-right-tablet { + text-align: right !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + .has-text-right-tablet-only { + text-align: right !important; + } +} + +@media screen and (max-width: 1023px) { + .has-text-right-touch { + text-align: right !important; + } +} + +@media screen and (min-width: 1024px) { + .has-text-right-desktop { + text-align: right !important; + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .has-text-right-desktop-only { + text-align: right !important; + } +} + +@media screen and (min-width: 1216px) { + .has-text-right-widescreen { + text-align: right !important; + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .has-text-right-widescreen-only { + text-align: right !important; + } +} + +@media screen and (min-width: 1408px) { + .has-text-right-fullhd { + text-align: right !important; + } +} + +.is-capitalized { + text-transform: capitalize !important; +} + +.is-lowercase { + text-transform: lowercase !important; +} + +.is-uppercase { + text-transform: uppercase !important; +} + +.is-italic { + font-style: italic !important; +} + +.has-text-white { + color: white !important; +} + +a.has-text-white:hover, a.has-text-white:focus { + color: #e6e6e6 !important; +} + +.has-text-black { + color: #0a0a0a !important; +} + +a.has-text-black:hover, a.has-text-black:focus { + color: black !important; +} + +.has-text-light { + color: whitesmoke !important; +} + +a.has-text-light:hover, a.has-text-light:focus { + color: #dbdbdb !important; +} + +.has-text-dark { + color: #363636 !important; +} + +a.has-text-dark:hover, a.has-text-dark:focus { + color: #1c1c1c !important; +} + +.has-text-primary { + color: #00d1b2 !important; +} + +a.has-text-primary:hover, a.has-text-primary:focus { + color: #009e86 !important; +} + +.has-text-link { + color: #3273dc !important; +} + +a.has-text-link:hover, a.has-text-link:focus { + color: #205bbc !important; +} + +.has-text-info { + color: #209cee !important; +} + +a.has-text-info:hover, a.has-text-info:focus { + color: #0f81cc !important; +} + +.has-text-success { + color: #23d160 !important; +} + +a.has-text-success:hover, a.has-text-success:focus { + color: #1ca64c !important; +} + +.has-text-warning { + color: #ffdd57 !important; +} + +a.has-text-warning:hover, a.has-text-warning:focus { + color: #ffd324 !important; +} + +.has-text-danger { + color: #ff3860 !important; +} + +a.has-text-danger:hover, a.has-text-danger:focus { + color: #ff0537 !important; +} + +.has-text-black-bis { + color: #121212 !important; +} + +.has-text-black-ter { + color: #242424 !important; +} + +.has-text-grey-darker { + color: #363636 !important; +} + +.has-text-grey-dark { + color: #4a4a4a !important; +} + +.has-text-grey { + color: #7a7a7a !important; +} + +.has-text-grey-light { + color: #b5b5b5 !important; +} + +.has-text-grey-lighter { + color: #dbdbdb !important; +} + +.has-text-white-ter { + color: whitesmoke !important; +} + +.has-text-white-bis { + color: #fafafa !important; +} + +.has-text-weight-light { + font-weight: 300 !important; +} + +.has-text-weight-normal { + font-weight: 400 !important; +} + +.has-text-weight-semibold { + font-weight: 600 !important; +} + +.has-text-weight-bold { + font-weight: 700 !important; +} + +.is-block { + display: block !important; +} + +@media screen and (max-width: 768px) { + .is-block-mobile { + display: block !important; + } +} + +@media screen and (min-width: 769px), print { + .is-block-tablet { + display: block !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-block-tablet-only { + display: block !important; + } +} + +@media screen and (max-width: 1023px) { + .is-block-touch { + display: block !important; + } +} + +@media screen and (min-width: 1024px) { + .is-block-desktop { + display: block !important; + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-block-desktop-only { + display: block !important; + } +} + +@media screen and (min-width: 1216px) { + .is-block-widescreen { + display: block !important; + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-block-widescreen-only { + display: block !important; + } +} + +@media screen and (min-width: 1408px) { + .is-block-fullhd { + display: block !important; + } +} + +.is-flex { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; +} + +@media screen and (max-width: 768px) { + .is-flex-mobile { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 769px), print { + .is-flex-tablet { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-flex-tablet-only { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (max-width: 1023px) { + .is-flex-touch { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1024px) { + .is-flex-desktop { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-flex-desktop-only { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1216px) { + .is-flex-widescreen { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-flex-widescreen-only { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1408px) { + .is-flex-fullhd { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +.is-inline { + display: inline !important; +} + +@media screen and (max-width: 768px) { + .is-inline-mobile { + display: inline !important; + } +} + +@media screen and (min-width: 769px), print { + .is-inline-tablet { + display: inline !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-inline-tablet-only { + display: inline !important; + } +} + +@media screen and (max-width: 1023px) { + .is-inline-touch { + display: inline !important; + } +} + +@media screen and (min-width: 1024px) { + .is-inline-desktop { + display: inline !important; + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-inline-desktop-only { + display: inline !important; + } +} + +@media screen and (min-width: 1216px) { + .is-inline-widescreen { + display: inline !important; + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-inline-widescreen-only { + display: inline !important; + } +} + +@media screen and (min-width: 1408px) { + .is-inline-fullhd { + display: inline !important; + } +} + +.is-inline-block { + display: inline-block !important; +} + +@media screen and (max-width: 768px) { + .is-inline-block-mobile { + display: inline-block !important; + } +} + +@media screen and (min-width: 769px), print { + .is-inline-block-tablet { + display: inline-block !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-inline-block-tablet-only { + display: inline-block !important; + } +} + +@media screen and (max-width: 1023px) { + .is-inline-block-touch { + display: inline-block !important; + } +} + +@media screen and (min-width: 1024px) { + .is-inline-block-desktop { + display: inline-block !important; + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-inline-block-desktop-only { + display: inline-block !important; + } +} + +@media screen and (min-width: 1216px) { + .is-inline-block-widescreen { + display: inline-block !important; + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-inline-block-widescreen-only { + display: inline-block !important; + } +} + +@media screen and (min-width: 1408px) { + .is-inline-block-fullhd { + display: inline-block !important; + } +} + +.is-inline-flex { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} + +@media screen and (max-width: 768px) { + .is-inline-flex-mobile { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 769px), print { + .is-inline-flex-tablet { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-inline-flex-tablet-only { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (max-width: 1023px) { + .is-inline-flex-touch { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1024px) { + .is-inline-flex-desktop { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-inline-flex-desktop-only { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1216px) { + .is-inline-flex-widescreen { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-inline-flex-widescreen-only { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1408px) { + .is-inline-flex-fullhd { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +.is-hidden { + display: none !important; +} + +@media screen and (max-width: 768px) { + .is-hidden-mobile { + display: none !important; + } +} + +@media screen and (min-width: 769px), print { + .is-hidden-tablet { + display: none !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-hidden-tablet-only { + display: none !important; + } +} + +@media screen and (max-width: 1023px) { + .is-hidden-touch { + display: none !important; + } +} + +@media screen and (min-width: 1024px) { + .is-hidden-desktop { + display: none !important; + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-hidden-desktop-only { + display: none !important; + } +} + +@media screen and (min-width: 1216px) { + .is-hidden-widescreen { + display: none !important; + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-hidden-widescreen-only { + display: none !important; + } +} + +@media screen and (min-width: 1408px) { + .is-hidden-fullhd { + display: none !important; + } +} + +.is-invisible { + visibility: hidden !important; +} + +@media screen and (max-width: 768px) { + .is-invisible-mobile { + visibility: hidden !important; + } +} + +@media screen and (min-width: 769px), print { + .is-invisible-tablet { + visibility: hidden !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-invisible-tablet-only { + visibility: hidden !important; + } +} + +@media screen and (max-width: 1023px) { + .is-invisible-touch { + visibility: hidden !important; + } +} + +@media screen and (min-width: 1024px) { + .is-invisible-desktop { + visibility: hidden !important; + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-invisible-desktop-only { + visibility: hidden !important; + } +} + +@media screen and (min-width: 1216px) { + .is-invisible-widescreen { + visibility: hidden !important; + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-invisible-widescreen-only { + visibility: hidden !important; + } +} + +@media screen and (min-width: 1408px) { + .is-invisible-fullhd { + visibility: hidden !important; + } +} + +.is-marginless { + margin: 0 !important; +} + +.is-paddingless { + padding: 0 !important; +} + +.is-radiusless { + border-radius: 0 !important; +} + +.is-shadowless { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +.is-unselectable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.box { + background-color: white; + border-radius: 5px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + color: #4a4a4a; + display: block; + padding: 1.25rem; +} + +.box:not(:last-child) { + margin-bottom: 1.5rem; +} + +a.box:hover, a.box:focus { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; +} + +a.box:active { + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; +} + +.button { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: white; + border-color: #dbdbdb; + color: #363636; + cursor: pointer; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 0.75em; + padding-right: 0.75em; + text-align: center; + white-space: nowrap; +} + +.button:focus, .button.is-focused, .button:active, .button.is-active { + outline: none; +} + +.button[disabled] { + cursor: not-allowed; +} + +.button strong { + color: inherit; +} + +.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { + height: 1.5em; + width: 1.5em; +} + +.button .icon:first-child:not(:last-child) { + margin-left: calc(-0.375em - 1px); + margin-right: 0.1875em; +} + +.button .icon:last-child:not(:first-child) { + margin-left: 0.1875em; + margin-right: calc(-0.375em - 1px); +} + +.button .icon:first-child:last-child { + margin-left: calc(-0.375em - 1px); + margin-right: calc(-0.375em - 1px); +} + +.button:hover, .button.is-hovered { + border-color: #b5b5b5; + color: #363636; +} + +.button:focus, .button.is-focused { + border-color: #3273dc; + color: #363636; +} + +.button:focus:not(:active), .button.is-focused:not(:active) { + -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); +} + +.button:active, .button.is-active { + border-color: #4a4a4a; + color: #363636; +} + +.button.is-text { + background-color: transparent; + border-color: transparent; + color: #4a4a4a; + text-decoration: underline; +} + +.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused { + background-color: whitesmoke; + color: #363636; +} + +.button.is-text:active, .button.is-text.is-active { + background-color: #e8e8e8; + color: #363636; +} + +.button.is-text[disabled] { + background-color: transparent; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-white { + background-color: white; + border-color: transparent; + color: #0a0a0a; +} + +.button.is-white:hover, .button.is-white.is-hovered { + background-color: #f9f9f9; + border-color: transparent; + color: #0a0a0a; +} + +.button.is-white:focus, .button.is-white.is-focused { + border-color: transparent; + color: #0a0a0a; +} + +.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) { + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); +} + +.button.is-white:active, .button.is-white.is-active { + background-color: #f2f2f2; + border-color: transparent; + color: #0a0a0a; +} + +.button.is-white[disabled] { + background-color: white; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-white.is-inverted { + background-color: #0a0a0a; + color: white; +} + +.button.is-white.is-inverted:hover { + background-color: black; +} + +.button.is-white.is-inverted[disabled] { + background-color: #0a0a0a; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: white; +} + +.button.is-white.is-loading:after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; +} + +.button.is-white.is-outlined { + background-color: transparent; + border-color: white; + color: white; +} + +.button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus { + background-color: white; + border-color: white; + color: #0a0a0a; +} + +.button.is-white.is-outlined.is-loading:after { + border-color: transparent transparent white white !important; +} + +.button.is-white.is-outlined[disabled] { + background-color: transparent; + border-color: white; + -webkit-box-shadow: none; + box-shadow: none; + color: white; +} + +.button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a; +} + +.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus { + background-color: #0a0a0a; + color: white; +} + +.button.is-white.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #0a0a0a; + -webkit-box-shadow: none; + box-shadow: none; + color: #0a0a0a; +} + +.button.is-black { + background-color: #0a0a0a; + border-color: transparent; + color: white; +} + +.button.is-black:hover, .button.is-black.is-hovered { + background-color: #040404; + border-color: transparent; + color: white; +} + +.button.is-black:focus, .button.is-black.is-focused { + border-color: transparent; + color: white; +} + +.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) { + -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); +} + +.button.is-black:active, .button.is-black.is-active { + background-color: black; + border-color: transparent; + color: white; +} + +.button.is-black[disabled] { + background-color: #0a0a0a; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-black.is-inverted { + background-color: white; + color: #0a0a0a; +} + +.button.is-black.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-black.is-inverted[disabled] { + background-color: white; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #0a0a0a; +} + +.button.is-black.is-loading:after { + border-color: transparent transparent white white !important; +} + +.button.is-black.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a; +} + +.button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: white; +} + +.button.is-black.is-outlined.is-loading:after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; +} + +.button.is-black.is-outlined[disabled] { + background-color: transparent; + border-color: #0a0a0a; + -webkit-box-shadow: none; + box-shadow: none; + color: #0a0a0a; +} + +.button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: white; + color: white; +} + +.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus { + background-color: white; + color: #0a0a0a; +} + +.button.is-black.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: white; + -webkit-box-shadow: none; + box-shadow: none; + color: white; +} + +.button.is-light { + background-color: whitesmoke; + border-color: transparent; + color: #363636; +} + +.button.is-light:hover, .button.is-light.is-hovered { + background-color: #eeeeee; + border-color: transparent; + color: #363636; +} + +.button.is-light:focus, .button.is-light.is-focused { + border-color: transparent; + color: #363636; +} + +.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) { + -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); +} + +.button.is-light:active, .button.is-light.is-active { + background-color: #e8e8e8; + border-color: transparent; + color: #363636; +} + +.button.is-light[disabled] { + background-color: whitesmoke; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-light.is-inverted { + background-color: #363636; + color: whitesmoke; +} + +.button.is-light.is-inverted:hover { + background-color: #292929; +} + +.button.is-light.is-inverted[disabled] { + background-color: #363636; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: whitesmoke; +} + +.button.is-light.is-loading:after { + border-color: transparent transparent #363636 #363636 !important; +} + +.button.is-light.is-outlined { + background-color: transparent; + border-color: whitesmoke; + color: whitesmoke; +} + +.button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus { + background-color: whitesmoke; + border-color: whitesmoke; + color: #363636; +} + +.button.is-light.is-outlined.is-loading:after { + border-color: transparent transparent whitesmoke whitesmoke !important; +} + +.button.is-light.is-outlined[disabled] { + background-color: transparent; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: whitesmoke; +} + +.button.is-light.is-inverted.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; +} + +.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus { + background-color: #363636; + color: whitesmoke; +} + +.button.is-light.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #363636; + -webkit-box-shadow: none; + box-shadow: none; + color: #363636; +} + +.button.is-dark { + background-color: #363636; + border-color: transparent; + color: whitesmoke; +} + +.button.is-dark:hover, .button.is-dark.is-hovered { + background-color: #2f2f2f; + border-color: transparent; + color: whitesmoke; +} + +.button.is-dark:focus, .button.is-dark.is-focused { + border-color: transparent; + color: whitesmoke; +} + +.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) { + -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); +} + +.button.is-dark:active, .button.is-dark.is-active { + background-color: #292929; + border-color: transparent; + color: whitesmoke; +} + +.button.is-dark[disabled] { + background-color: #363636; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-dark.is-inverted { + background-color: whitesmoke; + color: #363636; +} + +.button.is-dark.is-inverted:hover { + background-color: #e8e8e8; +} + +.button.is-dark.is-inverted[disabled] { + background-color: whitesmoke; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #363636; +} + +.button.is-dark.is-loading:after { + border-color: transparent transparent whitesmoke whitesmoke !important; +} + +.button.is-dark.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; +} + +.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus { + background-color: #363636; + border-color: #363636; + color: whitesmoke; +} + +.button.is-dark.is-outlined.is-loading:after { + border-color: transparent transparent #363636 #363636 !important; +} + +.button.is-dark.is-outlined[disabled] { + background-color: transparent; + border-color: #363636; + -webkit-box-shadow: none; + box-shadow: none; + color: #363636; +} + +.button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: whitesmoke; + color: whitesmoke; +} + +.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus { + background-color: whitesmoke; + color: #363636; +} + +.button.is-dark.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: whitesmoke; +} + +.button.is-primary { + background-color: #00d1b2; + border-color: transparent; + color: #fff; +} + +.button.is-primary:hover, .button.is-primary.is-hovered { + background-color: #00c4a7; + border-color: transparent; + color: #fff; +} + +.button.is-primary:focus, .button.is-primary.is-focused { + border-color: transparent; + color: #fff; +} + +.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { + -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); +} + +.button.is-primary:active, .button.is-primary.is-active { + background-color: #00b89c; + border-color: transparent; + color: #fff; +} + +.button.is-primary[disabled] { + background-color: #00d1b2; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-primary.is-inverted { + background-color: #fff; + color: #00d1b2; +} + +.button.is-primary.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-primary.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #00d1b2; +} + +.button.is-primary.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-primary.is-outlined { + background-color: transparent; + border-color: #00d1b2; + color: #00d1b2; +} + +.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; +} + +.button.is-primary.is-outlined.is-loading:after { + border-color: transparent transparent #00d1b2 #00d1b2 !important; +} + +.button.is-primary.is-outlined[disabled] { + background-color: transparent; + border-color: #00d1b2; + -webkit-box-shadow: none; + box-shadow: none; + color: #00d1b2; +} + +.button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus { + background-color: #fff; + color: #00d1b2; +} + +.button.is-primary.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-link { + background-color: #3273dc; + border-color: transparent; + color: #fff; +} + +.button.is-link:hover, .button.is-link.is-hovered { + background-color: #276cda; + border-color: transparent; + color: #fff; +} + +.button.is-link:focus, .button.is-link.is-focused { + border-color: transparent; + color: #fff; +} + +.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { + -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); +} + +.button.is-link:active, .button.is-link.is-active { + background-color: #2366d1; + border-color: transparent; + color: #fff; +} + +.button.is-link[disabled] { + background-color: #3273dc; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-link.is-inverted { + background-color: #fff; + color: #3273dc; +} + +.button.is-link.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-link.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #3273dc; +} + +.button.is-link.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-link.is-outlined { + background-color: transparent; + border-color: #3273dc; + color: #3273dc; +} + +.button.is-link.is-outlined:hover, .button.is-link.is-outlined:focus { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; +} + +.button.is-link.is-outlined.is-loading:after { + border-color: transparent transparent #3273dc #3273dc !important; +} + +.button.is-link.is-outlined[disabled] { + background-color: transparent; + border-color: #3273dc; + -webkit-box-shadow: none; + box-shadow: none; + color: #3273dc; +} + +.button.is-link.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined:focus { + background-color: #fff; + color: #3273dc; +} + +.button.is-link.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-info { + background-color: #209cee; + border-color: transparent; + color: #fff; +} + +.button.is-info:hover, .button.is-info.is-hovered { + background-color: #1496ed; + border-color: transparent; + color: #fff; +} + +.button.is-info:focus, .button.is-info.is-focused { + border-color: transparent; + color: #fff; +} + +.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) { + -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); + box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); +} + +.button.is-info:active, .button.is-info.is-active { + background-color: #118fe4; + border-color: transparent; + color: #fff; +} + +.button.is-info[disabled] { + background-color: #209cee; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-info.is-inverted { + background-color: #fff; + color: #209cee; +} + +.button.is-info.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-info.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #209cee; +} + +.button.is-info.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-info.is-outlined { + background-color: transparent; + border-color: #209cee; + color: #209cee; +} + +.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus { + background-color: #209cee; + border-color: #209cee; + color: #fff; +} + +.button.is-info.is-outlined.is-loading:after { + border-color: transparent transparent #209cee #209cee !important; +} + +.button.is-info.is-outlined[disabled] { + background-color: transparent; + border-color: #209cee; + -webkit-box-shadow: none; + box-shadow: none; + color: #209cee; +} + +.button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus { + background-color: #fff; + color: #209cee; +} + +.button.is-info.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-success { + background-color: #23d160; + border-color: transparent; + color: #fff; +} + +.button.is-success:hover, .button.is-success.is-hovered { + background-color: #22c65b; + border-color: transparent; + color: #fff; +} + +.button.is-success:focus, .button.is-success.is-focused { + border-color: transparent; + color: #fff; +} + +.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) { + -webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); +} + +.button.is-success:active, .button.is-success.is-active { + background-color: #20bc56; + border-color: transparent; + color: #fff; +} + +.button.is-success[disabled] { + background-color: #23d160; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-success.is-inverted { + background-color: #fff; + color: #23d160; +} + +.button.is-success.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-success.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #23d160; +} + +.button.is-success.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-success.is-outlined { + background-color: transparent; + border-color: #23d160; + color: #23d160; +} + +.button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus { + background-color: #23d160; + border-color: #23d160; + color: #fff; +} + +.button.is-success.is-outlined.is-loading:after { + border-color: transparent transparent #23d160 #23d160 !important; +} + +.button.is-success.is-outlined[disabled] { + background-color: transparent; + border-color: #23d160; + -webkit-box-shadow: none; + box-shadow: none; + color: #23d160; +} + +.button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus { + background-color: #fff; + color: #23d160; +} + +.button.is-success.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-warning { + background-color: #ffdd57; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:hover, .button.is-warning.is-hovered { + background-color: #ffdb4a; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:focus, .button.is-warning.is-focused { + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) { + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); +} + +.button.is-warning:active, .button.is-warning.is-active { + background-color: #ffd83d; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning[disabled] { + background-color: #ffdd57; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-warning.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; +} + +.button.is-warning.is-inverted:hover { + background-color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning.is-inverted[disabled] { + background-color: rgba(0, 0, 0, 0.7); + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #ffdd57; +} + +.button.is-warning.is-loading:after { + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; +} + +.button.is-warning.is-outlined { + background-color: transparent; + border-color: #ffdd57; + color: #ffdd57; +} + +.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus { + background-color: #ffdd57; + border-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning.is-outlined.is-loading:after { + border-color: transparent transparent #ffdd57 #ffdd57 !important; +} + +.button.is-warning.is-outlined[disabled] { + background-color: transparent; + border-color: #ffdd57; + -webkit-box-shadow: none; + box-shadow: none; + color: #ffdd57; +} + +.button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus { + background-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; +} + +.button.is-warning.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + -webkit-box-shadow: none; + box-shadow: none; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-danger { + background-color: #ff3860; + border-color: transparent; + color: #fff; +} + +.button.is-danger:hover, .button.is-danger.is-hovered { + background-color: #ff2b56; + border-color: transparent; + color: #fff; +} + +.button.is-danger:focus, .button.is-danger.is-focused { + border-color: transparent; + color: #fff; +} + +.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) { + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); +} + +.button.is-danger:active, .button.is-danger.is-active { + background-color: #ff1f4b; + border-color: transparent; + color: #fff; +} + +.button.is-danger[disabled] { + background-color: #ff3860; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-danger.is-inverted { + background-color: #fff; + color: #ff3860; +} + +.button.is-danger.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-danger.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #ff3860; +} + +.button.is-danger.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-danger.is-outlined { + background-color: transparent; + border-color: #ff3860; + color: #ff3860; +} + +.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus { + background-color: #ff3860; + border-color: #ff3860; + color: #fff; +} + +.button.is-danger.is-outlined.is-loading:after { + border-color: transparent transparent #ff3860 #ff3860 !important; +} + +.button.is-danger.is-outlined[disabled] { + background-color: transparent; + border-color: #ff3860; + -webkit-box-shadow: none; + box-shadow: none; + color: #ff3860; +} + +.button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus { + background-color: #fff; + color: #ff3860; +} + +.button.is-danger.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-small { + border-radius: 2px; + font-size: 0.75rem; +} + +.button.is-medium { + font-size: 1.25rem; +} + +.button.is-large { + font-size: 1.5rem; +} + +.button[disabled] { + background-color: white; + border-color: #dbdbdb; + -webkit-box-shadow: none; + box-shadow: none; + opacity: 0.5; +} + +.button.is-fullwidth { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; +} + +.button.is-loading { + color: transparent !important; + pointer-events: none; +} + +.button.is-loading:after { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; + position: absolute; + left: calc(50% - (1em / 2)); + top: calc(50% - (1em / 2)); + position: absolute !important; +} + +.button.is-static { + background-color: whitesmoke; + border-color: #dbdbdb; + color: #7a7a7a; + -webkit-box-shadow: none; + box-shadow: none; + pointer-events: none; +} + +.button.is-rounded { + border-radius: 290486px; + padding-left: 1em; + padding-right: 1em; +} + +.buttons { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.buttons .button { + margin-bottom: 0.5rem; +} + +.buttons .button:not(:last-child) { + margin-right: 0.5rem; +} + +.buttons:last-child { + margin-bottom: -0.5rem; +} + +.buttons:not(:last-child) { + margin-bottom: 1rem; +} + +.buttons.has-addons .button:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.buttons.has-addons .button:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + margin-right: -1px; +} + +.buttons.has-addons .button:last-child { + margin-right: 0; +} + +.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered { + z-index: 2; +} + +.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected { + z-index: 3; +} + +.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover { + z-index: 4; +} + +.buttons.is-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.buttons.is-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.container { + margin: 0 auto; + position: relative; +} + +@media screen and (min-width: 1024px) { + .container { + max-width: 960px; + width: 960px; + } + .container.is-fluid { + margin-left: 32px; + margin-right: 32px; + max-width: none; + width: auto; + } +} + +@media screen and (max-width: 1215px) { + .container.is-widescreen { + max-width: 1152px; + width: auto; + } +} + +@media screen and (max-width: 1407px) { + .container.is-fullhd { + max-width: 1344px; + width: auto; + } +} + +@media screen and (min-width: 1216px) { + .container { + max-width: 1152px; + width: 1152px; + } +} + +@media screen and (min-width: 1408px) { + .container { + max-width: 1344px; + width: 1344px; + } +} + +.content:not(:last-child) { + margin-bottom: 1.5rem; +} + +.content li + li { + margin-top: 0.25em; +} + +.content p:not(:last-child), +.content dl:not(:last-child), +.content ol:not(:last-child), +.content ul:not(:last-child), +.content blockquote:not(:last-child), +.content pre:not(:last-child), +.content table:not(:last-child) { + margin-bottom: 1em; +} + +.content h1, +.content h2, +.content h3, +.content h4, +.content h5, +.content h6 { + color: #363636; + font-weight: 400; + line-height: 1.125; +} + +.content h1 { + font-size: 2em; + margin-bottom: 0.5em; +} + +.content h1:not(:first-child) { + margin-top: 1em; +} + +.content h2 { + font-size: 1.75em; + margin-bottom: 0.5714em; +} + +.content h2:not(:first-child) { + margin-top: 1.1428em; +} + +.content h3 { + font-size: 1.5em; + margin-bottom: 0.6666em; +} + +.content h3:not(:first-child) { + margin-top: 1.3333em; +} + +.content h4 { + font-size: 1.25em; + margin-bottom: 0.8em; +} + +.content h5 { + font-size: 1.125em; + margin-bottom: 0.8888em; +} + +.content h6 { + font-size: 1em; + margin-bottom: 1em; +} + +.content blockquote { + background-color: whitesmoke; + border-left: 5px solid #dbdbdb; + padding: 1.25em 1.5em; +} + +.content ol { + list-style: decimal outside; + margin-left: 2em; + margin-top: 1em; +} + +.content ul { + list-style: disc outside; + margin-left: 2em; + margin-top: 1em; +} + +.content ul ul { + list-style-type: circle; + margin-top: 0.5em; +} + +.content ul ul ul { + list-style-type: square; +} + +.content dd { + margin-left: 2em; +} + +.content figure { + margin-left: 2em; + margin-right: 2em; + text-align: center; +} + +.content figure:not(:first-child) { + margin-top: 2em; +} + +.content figure:not(:last-child) { + margin-bottom: 2em; +} + +.content figure img { + display: inline-block; +} + +.content figure figcaption { + font-style: italic; +} + +.content pre { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + padding: 1.25em 1.5em; + white-space: pre; + word-wrap: normal; +} + +.content sup, +.content sub { + font-size: 75%; +} + +.content table { + width: 100%; +} + +.content table td, +.content table th { + border: 1px solid #dbdbdb; + border-width: 0 0 1px; + padding: 0.5em 0.75em; + vertical-align: top; +} + +.content table th { + color: #363636; + text-align: left; +} + +.content table tr:hover { + background-color: whitesmoke; +} + +.content table thead td, +.content table thead th { + border-width: 0 0 2px; + color: #363636; +} + +.content table tfoot td, +.content table tfoot th { + border-width: 2px 0 0; + color: #363636; +} + +.content table tbody tr:last-child td, +.content table tbody tr:last-child th { + border-bottom-width: 0; +} + +.content.is-small { + font-size: 0.75rem; +} + +.content.is-medium { + font-size: 1.25rem; +} + +.content.is-large { + font-size: 1.5rem; +} + +.input, +.textarea { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + background-color: white; + border-color: #dbdbdb; + color: #363636; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + max-width: 100%; + width: 100%; +} + +.input:focus, .input.is-focused, .input:active, .input.is-active, +.textarea:focus, +.textarea.is-focused, +.textarea:active, +.textarea.is-active { + outline: none; +} + +.input[disabled], +.textarea[disabled] { + cursor: not-allowed; +} + +.input::-moz-placeholder, +.textarea::-moz-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.input::-webkit-input-placeholder, +.textarea::-webkit-input-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.input:-moz-placeholder, +.textarea:-moz-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.input:-ms-input-placeholder, +.textarea:-ms-input-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.input:hover, .input.is-hovered, +.textarea:hover, +.textarea.is-hovered { + border-color: #b5b5b5; +} + +.input:focus, .input.is-focused, .input:active, .input.is-active, +.textarea:focus, +.textarea.is-focused, +.textarea:active, +.textarea.is-active { + border-color: #3273dc; + -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); +} + +.input[disabled], +.textarea[disabled] { + background-color: whitesmoke; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: #7a7a7a; +} + +.input[disabled]::-moz-placeholder, +.textarea[disabled]::-moz-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.input[disabled]::-webkit-input-placeholder, +.textarea[disabled]::-webkit-input-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.input[disabled]:-moz-placeholder, +.textarea[disabled]:-moz-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.input[disabled]:-ms-input-placeholder, +.textarea[disabled]:-ms-input-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.input[readonly], +.textarea[readonly] { + -webkit-box-shadow: none; + box-shadow: none; +} + +.input.is-white, +.textarea.is-white { + border-color: white; +} + +.input.is-white:focus, .input.is-white.is-focused, .input.is-white:active, .input.is-white.is-active, +.textarea.is-white:focus, +.textarea.is-white.is-focused, +.textarea.is-white:active, +.textarea.is-white.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); +} + +.input.is-black, +.textarea.is-black { + border-color: #0a0a0a; +} + +.input.is-black:focus, .input.is-black.is-focused, .input.is-black:active, .input.is-black.is-active, +.textarea.is-black:focus, +.textarea.is-black.is-focused, +.textarea.is-black:active, +.textarea.is-black.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); +} + +.input.is-light, +.textarea.is-light { + border-color: whitesmoke; +} + +.input.is-light:focus, .input.is-light.is-focused, .input.is-light:active, .input.is-light.is-active, +.textarea.is-light:focus, +.textarea.is-light.is-focused, +.textarea.is-light:active, +.textarea.is-light.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); +} + +.input.is-dark, +.textarea.is-dark { + border-color: #363636; +} + +.input.is-dark:focus, .input.is-dark.is-focused, .input.is-dark:active, .input.is-dark.is-active, +.textarea.is-dark:focus, +.textarea.is-dark.is-focused, +.textarea.is-dark:active, +.textarea.is-dark.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); +} + +.input.is-primary, +.textarea.is-primary { + border-color: #00d1b2; +} + +.input.is-primary:focus, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active, +.textarea.is-primary:focus, +.textarea.is-primary.is-focused, +.textarea.is-primary:active, +.textarea.is-primary.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); +} + +.input.is-link, +.textarea.is-link { + border-color: #3273dc; +} + +.input.is-link:focus, .input.is-link.is-focused, .input.is-link:active, .input.is-link.is-active, +.textarea.is-link:focus, +.textarea.is-link.is-focused, +.textarea.is-link:active, +.textarea.is-link.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); +} + +.input.is-info, +.textarea.is-info { + border-color: #209cee; +} + +.input.is-info:focus, .input.is-info.is-focused, .input.is-info:active, .input.is-info.is-active, +.textarea.is-info:focus, +.textarea.is-info.is-focused, +.textarea.is-info:active, +.textarea.is-info.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); + box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); +} + +.input.is-success, +.textarea.is-success { + border-color: #23d160; +} + +.input.is-success:focus, .input.is-success.is-focused, .input.is-success:active, .input.is-success.is-active, +.textarea.is-success:focus, +.textarea.is-success.is-focused, +.textarea.is-success:active, +.textarea.is-success.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); +} + +.input.is-warning, +.textarea.is-warning { + border-color: #ffdd57; +} + +.input.is-warning:focus, .input.is-warning.is-focused, .input.is-warning:active, .input.is-warning.is-active, +.textarea.is-warning:focus, +.textarea.is-warning.is-focused, +.textarea.is-warning:active, +.textarea.is-warning.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); +} + +.input.is-danger, +.textarea.is-danger { + border-color: #ff3860; +} + +.input.is-danger:focus, .input.is-danger.is-focused, .input.is-danger:active, .input.is-danger.is-active, +.textarea.is-danger:focus, +.textarea.is-danger.is-focused, +.textarea.is-danger:active, +.textarea.is-danger.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); +} + +.input.is-small, +.textarea.is-small { + border-radius: 2px; + font-size: 0.75rem; +} + +.input.is-medium, +.textarea.is-medium { + font-size: 1.25rem; +} + +.input.is-large, +.textarea.is-large { + font-size: 1.5rem; +} + +.input.is-fullwidth, +.textarea.is-fullwidth { + display: block; + width: 100%; +} + +.input.is-inline, +.textarea.is-inline { + display: inline; + width: auto; +} + +.input.is-rounded { + border-radius: 290486px; + padding-left: 1em; + padding-right: 1em; +} + +.input.is-static { + background-color: transparent; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + padding-left: 0; + padding-right: 0; +} + +.textarea { + display: block; + max-width: 100%; + min-width: 100%; + padding: 0.625em; + resize: vertical; +} + +.textarea:not([rows]) { + max-height: 600px; + min-height: 120px; +} + +.textarea[rows] { + height: unset; +} + +.textarea.has-fixed-size { + resize: none; +} + +.checkbox, +.radio { + cursor: pointer; + display: inline-block; + line-height: 1.25; + position: relative; +} + +.checkbox input, +.radio input { + cursor: pointer; +} + +.checkbox:hover, +.radio:hover { + color: #363636; +} + +.checkbox[disabled], +.radio[disabled] { + color: #7a7a7a; + cursor: not-allowed; +} + +.radio + .radio { + margin-left: 0.5em; +} + +.select { + display: inline-block; + max-width: 100%; + position: relative; + vertical-align: top; +} + +.select:not(.is-multiple) { + height: 2.25em; +} + +.select:not(.is-multiple)::after { + border: 1px solid #3273dc; + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: 0.5em; + pointer-events: none; + position: absolute; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: center; + transform-origin: center; + width: 0.5em; + margin-top: -0.375em; + right: 1.125em; + top: 50%; + z-index: 4; +} + +.select.is-rounded select { + border-radius: 290486px; + padding-left: 1em; +} + +.select select { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + background-color: white; + border-color: #dbdbdb; + color: #363636; + cursor: pointer; + display: block; + font-size: 1em; + max-width: 100%; + outline: none; +} + +.select select:focus, .select select.is-focused, .select select:active, .select select.is-active { + outline: none; +} + +.select select[disabled] { + cursor: not-allowed; +} + +.select select::-moz-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.select select::-webkit-input-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.select select:-moz-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.select select:-ms-input-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.select select:hover, .select select.is-hovered { + border-color: #b5b5b5; +} + +.select select:focus, .select select.is-focused, .select select:active, .select select.is-active { + border-color: #3273dc; + -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); +} + +.select select[disabled] { + background-color: whitesmoke; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: #7a7a7a; +} + +.select select[disabled]::-moz-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.select select[disabled]::-webkit-input-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.select select[disabled]:-moz-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.select select[disabled]:-ms-input-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.select select::-ms-expand { + display: none; +} + +.select select[disabled]:hover { + border-color: whitesmoke; +} + +.select select:not([multiple]) { + padding-right: 2.5em; +} + +.select select[multiple] { + height: unset; + padding: 0; +} + +.select select[multiple] option { + padding: 0.5em 1em; +} + +.select:hover::after { + border-color: #363636; +} + +.select.is-white select { + border-color: white; +} + +.select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); +} + +.select.is-black select { + border-color: #0a0a0a; +} + +.select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); +} + +.select.is-light select { + border-color: whitesmoke; +} + +.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); +} + +.select.is-dark select { + border-color: #363636; +} + +.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); +} + +.select.is-primary select { + border-color: #00d1b2; +} + +.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); +} + +.select.is-link select { + border-color: #3273dc; +} + +.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); +} + +.select.is-info select { + border-color: #209cee; +} + +.select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); + box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); +} + +.select.is-success select { + border-color: #23d160; +} + +.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); +} + +.select.is-warning select { + border-color: #ffdd57; +} + +.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); +} + +.select.is-danger select { + border-color: #ff3860; +} + +.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); +} + +.select.is-small { + border-radius: 2px; + font-size: 0.75rem; +} + +.select.is-medium { + font-size: 1.25rem; +} + +.select.is-large { + font-size: 1.5rem; +} + +.select.is-disabled::after { + border-color: #7a7a7a; +} + +.select.is-fullwidth { + width: 100%; +} + +.select.is-fullwidth select { + width: 100%; +} + +.select.is-loading::after { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; + margin-top: 0; + position: absolute; + right: 0.625em; + top: 0.625em; + -webkit-transform: none; + transform: none; +} + +.select.is-loading.is-small:after { + font-size: 0.75rem; +} + +.select.is-loading.is-medium:after { + font-size: 1.25rem; +} + +.select.is-loading.is-large:after { + font-size: 1.5rem; +} + +.file { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + position: relative; +} + +.file.is-white .file-cta { + background-color: white; + border-color: transparent; + color: #0a0a0a; +} + +.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta { + background-color: #f9f9f9; + border-color: transparent; + color: #0a0a0a; +} + +.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + color: #0a0a0a; +} + +.file.is-white:active .file-cta, .file.is-white.is-active .file-cta { + background-color: #f2f2f2; + border-color: transparent; + color: #0a0a0a; +} + +.file.is-black .file-cta { + background-color: #0a0a0a; + border-color: transparent; + color: white; +} + +.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta { + background-color: #040404; + border-color: transparent; + color: white; +} + +.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + color: white; +} + +.file.is-black:active .file-cta, .file.is-black.is-active .file-cta { + background-color: black; + border-color: transparent; + color: white; +} + +.file.is-light .file-cta { + background-color: whitesmoke; + border-color: transparent; + color: #363636; +} + +.file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta { + background-color: #eeeeee; + border-color: transparent; + color: #363636; +} + +.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + color: #363636; +} + +.file.is-light:active .file-cta, .file.is-light.is-active .file-cta { + background-color: #e8e8e8; + border-color: transparent; + color: #363636; +} + +.file.is-dark .file-cta { + background-color: #363636; + border-color: transparent; + color: whitesmoke; +} + +.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta { + background-color: #2f2f2f; + border-color: transparent; + color: whitesmoke; +} + +.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + color: whitesmoke; +} + +.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta { + background-color: #292929; + border-color: transparent; + color: whitesmoke; +} + +.file.is-primary .file-cta { + background-color: #00d1b2; + border-color: transparent; + color: #fff; +} + +.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta { + background-color: #00c4a7; + border-color: transparent; + color: #fff; +} + +.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + color: #fff; +} + +.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { + background-color: #00b89c; + border-color: transparent; + color: #fff; +} + +.file.is-link .file-cta { + background-color: #3273dc; + border-color: transparent; + color: #fff; +} + +.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta { + background-color: #276cda; + border-color: transparent; + color: #fff; +} + +.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + color: #fff; +} + +.file.is-link:active .file-cta, .file.is-link.is-active .file-cta { + background-color: #2366d1; + border-color: transparent; + color: #fff; +} + +.file.is-info .file-cta { + background-color: #209cee; + border-color: transparent; + color: #fff; +} + +.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta { + background-color: #1496ed; + border-color: transparent; + color: #fff; +} + +.file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); + box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); + color: #fff; +} + +.file.is-info:active .file-cta, .file.is-info.is-active .file-cta { + background-color: #118fe4; + border-color: transparent; + color: #fff; +} + +.file.is-success .file-cta { + background-color: #23d160; + border-color: transparent; + color: #fff; +} + +.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta { + background-color: #22c65b; + border-color: transparent; + color: #fff; +} + +.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); + box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); + color: #fff; +} + +.file.is-success:active .file-cta, .file.is-success.is-active .file-cta { + background-color: #20bc56; + border-color: transparent; + color: #fff; +} + +.file.is-warning .file-cta { + background-color: #ffdd57; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta { + background-color: #ffdb4a; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + color: rgba(0, 0, 0, 0.7); +} + +.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta { + background-color: #ffd83d; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.file.is-danger .file-cta { + background-color: #ff3860; + border-color: transparent; + color: #fff; +} + +.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta { + background-color: #ff2b56; + border-color: transparent; + color: #fff; +} + +.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); + color: #fff; +} + +.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta { + background-color: #ff1f4b; + border-color: transparent; + color: #fff; +} + +.file.is-small { + font-size: 0.75rem; +} + +.file.is-medium { + font-size: 1.25rem; +} + +.file.is-medium .file-icon .fa { + font-size: 21px; +} + +.file.is-large { + font-size: 1.5rem; +} + +.file.is-large .file-icon .fa { + font-size: 28px; +} + +.file.has-name .file-cta { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +.file.has-name .file-name { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.file.has-name.is-empty .file-cta { + border-radius: 3px; +} + +.file.has-name.is-empty .file-name { + display: none; +} + +.file.is-boxed .file-label { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.file.is-boxed .file-cta { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + height: auto; + padding: 1em 3em; +} + +.file.is-boxed .file-name { + border-width: 0 1px 1px; +} + +.file.is-boxed .file-icon { + height: 1.5em; + width: 1.5em; +} + +.file.is-boxed .file-icon .fa { + font-size: 21px; +} + +.file.is-boxed.is-small .file-icon .fa { + font-size: 14px; +} + +.file.is-boxed.is-medium .file-icon .fa { + font-size: 28px; +} + +.file.is-boxed.is-large .file-icon .fa { + font-size: 35px; +} + +.file.is-boxed.has-name .file-cta { + border-radius: 3px 3px 0 0; +} + +.file.is-boxed.has-name .file-name { + border-radius: 0 0 3px 3px; + border-width: 0 1px 1px; +} + +.file.is-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.file.is-fullwidth .file-label { + width: 100%; +} + +.file.is-fullwidth .file-name { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: none; +} + +.file.is-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.file.is-right .file-cta { + border-radius: 0 3px 3px 0; +} + +.file.is-right .file-name { + border-radius: 3px 0 0 3px; + border-width: 1px 0 1px 1px; + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; +} + +.file-label { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + cursor: pointer; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + overflow: hidden; + position: relative; +} + +.file-label:hover .file-cta { + background-color: #eeeeee; + color: #363636; +} + +.file-label:hover .file-name { + border-color: #d5d5d5; +} + +.file-label:active .file-cta { + background-color: #e8e8e8; + color: #363636; +} + +.file-label:active .file-name { + border-color: #cfcfcf; +} + +.file-input { + height: 0.01em; + left: 0; + outline: none; + position: absolute; + top: 0; + width: 0.01em; +} + +.file-cta, +.file-name { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + border-color: #dbdbdb; + border-radius: 3px; + font-size: 1em; + padding-left: 1em; + padding-right: 1em; + white-space: nowrap; +} + +.file-cta:focus, .file-cta.is-focused, .file-cta:active, .file-cta.is-active, +.file-name:focus, +.file-name.is-focused, +.file-name:active, +.file-name.is-active { + outline: none; +} + +.file-cta[disabled], +.file-name[disabled] { + cursor: not-allowed; +} + +.file-cta { + background-color: whitesmoke; + color: #4a4a4a; +} + +.file-name { + border-color: #dbdbdb; + border-style: solid; + border-width: 1px 1px 1px 0; + display: block; + max-width: 16em; + overflow: hidden; + text-align: left; + text-overflow: ellipsis; +} + +.file-icon { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 1em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-right: 0.5em; + width: 1em; +} + +.file-icon .fa { + font-size: 14px; +} + +.label { + color: #363636; + display: block; + font-size: 1rem; + font-weight: 700; +} + +.label:not(:last-child) { + margin-bottom: 0.5em; +} + +.label.is-small { + font-size: 0.75rem; +} + +.label.is-medium { + font-size: 1.25rem; +} + +.label.is-large { + font-size: 1.5rem; +} + +.help { + display: block; + font-size: 0.75rem; + margin-top: 0.25rem; +} + +.help.is-white { + color: white; +} + +.help.is-black { + color: #0a0a0a; +} + +.help.is-light { + color: whitesmoke; +} + +.help.is-dark { + color: #363636; +} + +.help.is-primary { + color: #00d1b2; +} + +.help.is-link { + color: #3273dc; +} + +.help.is-info { + color: #209cee; +} + +.help.is-success { + color: #23d160; +} + +.help.is-warning { + color: #ffdd57; +} + +.help.is-danger { + color: #ff3860; +} + +.field:not(:last-child) { + margin-bottom: 0.75rem; +} + +.field.has-addons { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.field.has-addons .control:not(:last-child) { + margin-right: -1px; +} + +.field.has-addons .control:not(:first-child):not(:last-child) .button, +.field.has-addons .control:not(:first-child):not(:last-child) .input, +.field.has-addons .control:not(:first-child):not(:last-child) .select select { + border-radius: 0; +} + +.field.has-addons .control:first-child .button, +.field.has-addons .control:first-child .input, +.field.has-addons .control:first-child .select select { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +.field.has-addons .control:last-child .button, +.field.has-addons .control:last-child .input, +.field.has-addons .control:last-child .select select { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.field.has-addons .control .button:hover, .field.has-addons .control .button.is-hovered, +.field.has-addons .control .input:hover, +.field.has-addons .control .input.is-hovered, +.field.has-addons .control .select select:hover, +.field.has-addons .control .select select.is-hovered { + z-index: 2; +} + +.field.has-addons .control .button:focus, .field.has-addons .control .button.is-focused, .field.has-addons .control .button:active, .field.has-addons .control .button.is-active, +.field.has-addons .control .input:focus, +.field.has-addons .control .input.is-focused, +.field.has-addons .control .input:active, +.field.has-addons .control .input.is-active, +.field.has-addons .control .select select:focus, +.field.has-addons .control .select select.is-focused, +.field.has-addons .control .select select:active, +.field.has-addons .control .select select.is-active { + z-index: 3; +} + +.field.has-addons .control .button:focus:hover, .field.has-addons .control .button.is-focused:hover, .field.has-addons .control .button:active:hover, .field.has-addons .control .button.is-active:hover, +.field.has-addons .control .input:focus:hover, +.field.has-addons .control .input.is-focused:hover, +.field.has-addons .control .input:active:hover, +.field.has-addons .control .input.is-active:hover, +.field.has-addons .control .select select:focus:hover, +.field.has-addons .control .select select.is-focused:hover, +.field.has-addons .control .select select:active:hover, +.field.has-addons .control .select select.is-active:hover { + z-index: 4; +} + +.field.has-addons .control.is-expanded { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.field.has-addons.has-addons-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.field.has-addons.has-addons-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.field.has-addons.has-addons-fullwidth .control { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.field.is-grouped { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.field.is-grouped > .control { + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.field.is-grouped > .control:not(:last-child) { + margin-bottom: 0; + margin-right: 0.75rem; +} + +.field.is-grouped > .control.is-expanded { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.field.is-grouped.is-grouped-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.field.is-grouped.is-grouped-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.field.is-grouped.is-grouped-multiline { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { + margin-bottom: 0.75rem; +} + +.field.is-grouped.is-grouped-multiline:last-child { + margin-bottom: -0.75rem; +} + +.field.is-grouped.is-grouped-multiline:not(:last-child) { + margin-bottom: 0; +} + +@media screen and (min-width: 769px), print { + .field.is-horizontal { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.field-label .label { + font-size: inherit; +} + +@media screen and (max-width: 768px) { + .field-label { + margin-bottom: 0.5rem; + } +} + +@media screen and (min-width: 769px), print { + .field-label { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-right: 1.5rem; + text-align: right; + } + .field-label.is-small { + font-size: 0.75rem; + padding-top: 0.375em; + } + .field-label.is-normal { + padding-top: 0.375em; + } + .field-label.is-medium { + font-size: 1.25rem; + padding-top: 0.375em; + } + .field-label.is-large { + font-size: 1.5rem; + padding-top: 0.375em; + } +} + +.field-body .field .field { + margin-bottom: 0; +} + +@media screen and (min-width: 769px), print { + .field-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 5; + -ms-flex-positive: 5; + flex-grow: 5; + -ms-flex-negative: 1; + flex-shrink: 1; + } + .field-body .field { + margin-bottom: 0; + } + .field-body > .field { + -ms-flex-negative: 1; + flex-shrink: 1; + } + .field-body > .field:not(.is-narrow) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } + .field-body > .field:not(:last-child) { + margin-right: 0.75rem; + } +} + +.control { + font-size: 1rem; + position: relative; + text-align: left; +} + +.control.has-icon .icon { + color: #dbdbdb; + height: 2.25em; + pointer-events: none; + position: absolute; + top: 0; + width: 2.25em; + z-index: 4; +} + +.control.has-icon .input:focus + .icon { + color: #7a7a7a; +} + +.control.has-icon .input.is-small + .icon { + font-size: 0.75rem; +} + +.control.has-icon .input.is-medium + .icon { + font-size: 1.25rem; +} + +.control.has-icon .input.is-large + .icon { + font-size: 1.5rem; +} + +.control.has-icon:not(.has-icon-right) .icon { + left: 0; +} + +.control.has-icon:not(.has-icon-right) .input { + padding-left: 2.25em; +} + +.control.has-icon.has-icon-right .icon { + right: 0; +} + +.control.has-icon.has-icon-right .input { + padding-right: 2.25em; +} + +.control.has-icons-left .input:focus ~ .icon, +.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, +.control.has-icons-right .select:focus ~ .icon { + color: #7a7a7a; +} + +.control.has-icons-left .input.is-small ~ .icon, +.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, +.control.has-icons-right .select.is-small ~ .icon { + font-size: 0.75rem; +} + +.control.has-icons-left .input.is-medium ~ .icon, +.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, +.control.has-icons-right .select.is-medium ~ .icon { + font-size: 1.25rem; +} + +.control.has-icons-left .input.is-large ~ .icon, +.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, +.control.has-icons-right .select.is-large ~ .icon { + font-size: 1.5rem; +} + +.control.has-icons-left .icon, .control.has-icons-right .icon { + color: #dbdbdb; + height: 2.25em; + pointer-events: none; + position: absolute; + top: 0; + width: 2.25em; + z-index: 4; +} + +.control.has-icons-left .input, +.control.has-icons-left .select select { + padding-left: 2.25em; +} + +.control.has-icons-left .icon.is-left { + left: 0; +} + +.control.has-icons-right .input, +.control.has-icons-right .select select { + padding-right: 2.25em; +} + +.control.has-icons-right .icon.is-right { + right: 0; +} + +.control.is-loading::after { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; + position: absolute !important; + right: 0.625em; + top: 0.625em; + z-index: 4; +} + +.control.is-loading.is-small:after { + font-size: 0.75rem; +} + +.control.is-loading.is-medium:after { + font-size: 1.25rem; +} + +.control.is-loading.is-large:after { + font-size: 1.5rem; +} + +.icon { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: 1.5rem; + width: 1.5rem; +} + +.icon.is-small { + height: 1rem; + width: 1rem; +} + +.icon.is-medium { + height: 2rem; + width: 2rem; +} + +.icon.is-large { + height: 3rem; + width: 3rem; +} + +.image { + display: block; + position: relative; +} + +.image img { + display: block; + height: auto; + width: 100%; +} + +.image img.is-rounded { + border-radius: 290486px; +} + +.image.is-square img, .image.is-1by1 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-16by9 img, .image.is-2by1 img { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} + +.image.is-square, .image.is-1by1 { + padding-top: 100%; +} + +.image.is-4by3 { + padding-top: 75%; +} + +.image.is-3by2 { + padding-top: 66.6666%; +} + +.image.is-16by9 { + padding-top: 56.25%; +} + +.image.is-2by1 { + padding-top: 50%; +} + +.image.is-16x16 { + height: 16px; + width: 16px; +} + +.image.is-24x24 { + height: 24px; + width: 24px; +} + +.image.is-32x32 { + height: 32px; + width: 32px; +} + +.image.is-48x48 { + height: 48px; + width: 48px; +} + +.image.is-64x64 { + height: 64px; + width: 64px; +} + +.image.is-96x96 { + height: 96px; + width: 96px; +} + +.image.is-128x128 { + height: 128px; + width: 128px; +} + +.notification { + background-color: whitesmoke; + border-radius: 3px; + padding: 1.25rem 2.5rem 1.25rem 1.5rem; + position: relative; +} + +.notification:not(:last-child) { + margin-bottom: 1.5rem; +} + +.notification a:not(.button) { + color: currentColor; + text-decoration: underline; +} + +.notification strong { + color: currentColor; +} + +.notification code, +.notification pre { + background: white; +} + +.notification pre code { + background: transparent; +} + +.notification > .delete { + position: absolute; + right: 0.5rem; + top: 0.5rem; +} + +.notification .title, +.notification .subtitle, +.notification .content { + color: currentColor; +} + +.notification.is-white { + background-color: white; + color: #0a0a0a; +} + +.notification.is-black { + background-color: #0a0a0a; + color: white; +} + +.notification.is-light { + background-color: whitesmoke; + color: #363636; +} + +.notification.is-dark { + background-color: #363636; + color: whitesmoke; +} + +.notification.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.notification.is-link { + background-color: #3273dc; + color: #fff; +} + +.notification.is-info { + background-color: #209cee; + color: #fff; +} + +.notification.is-success { + background-color: #23d160; + color: #fff; +} + +.notification.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.notification.is-danger { + background-color: #ff3860; + color: #fff; +} + +.progress { + -moz-appearance: none; + -webkit-appearance: none; + border: none; + border-radius: 290486px; + display: block; + height: 1rem; + overflow: hidden; + padding: 0; + width: 100%; +} + +.progress:not(:last-child) { + margin-bottom: 1.5rem; +} + +.progress::-webkit-progress-bar { + background-color: #dbdbdb; +} + +.progress::-webkit-progress-value { + background-color: #4a4a4a; +} + +.progress::-moz-progress-bar { + background-color: #4a4a4a; +} + +.progress::-ms-fill { + background-color: #4a4a4a; + border: none; +} + +.progress.is-white::-webkit-progress-value { + background-color: white; +} + +.progress.is-white::-moz-progress-bar { + background-color: white; +} + +.progress.is-white::-ms-fill { + background-color: white; +} + +.progress.is-black::-webkit-progress-value { + background-color: #0a0a0a; +} + +.progress.is-black::-moz-progress-bar { + background-color: #0a0a0a; +} + +.progress.is-black::-ms-fill { + background-color: #0a0a0a; +} + +.progress.is-light::-webkit-progress-value { + background-color: whitesmoke; +} + +.progress.is-light::-moz-progress-bar { + background-color: whitesmoke; +} + +.progress.is-light::-ms-fill { + background-color: whitesmoke; +} + +.progress.is-dark::-webkit-progress-value { + background-color: #363636; +} + +.progress.is-dark::-moz-progress-bar { + background-color: #363636; +} + +.progress.is-dark::-ms-fill { + background-color: #363636; +} + +.progress.is-primary::-webkit-progress-value { + background-color: #00d1b2; +} + +.progress.is-primary::-moz-progress-bar { + background-color: #00d1b2; +} + +.progress.is-primary::-ms-fill { + background-color: #00d1b2; +} + +.progress.is-link::-webkit-progress-value { + background-color: #3273dc; +} + +.progress.is-link::-moz-progress-bar { + background-color: #3273dc; +} + +.progress.is-link::-ms-fill { + background-color: #3273dc; +} + +.progress.is-info::-webkit-progress-value { + background-color: #209cee; +} + +.progress.is-info::-moz-progress-bar { + background-color: #209cee; +} + +.progress.is-info::-ms-fill { + background-color: #209cee; +} + +.progress.is-success::-webkit-progress-value { + background-color: #23d160; +} + +.progress.is-success::-moz-progress-bar { + background-color: #23d160; +} + +.progress.is-success::-ms-fill { + background-color: #23d160; +} + +.progress.is-warning::-webkit-progress-value { + background-color: #ffdd57; +} + +.progress.is-warning::-moz-progress-bar { + background-color: #ffdd57; +} + +.progress.is-warning::-ms-fill { + background-color: #ffdd57; +} + +.progress.is-danger::-webkit-progress-value { + background-color: #ff3860; +} + +.progress.is-danger::-moz-progress-bar { + background-color: #ff3860; +} + +.progress.is-danger::-ms-fill { + background-color: #ff3860; +} + +.progress.is-small { + height: 0.75rem; +} + +.progress.is-medium { + height: 1.25rem; +} + +.progress.is-large { + height: 1.5rem; +} + +.table { + background-color: white; + color: #363636; + margin-bottom: 1.5rem; +} + +.table td, +.table th { + border: 1px solid #dbdbdb; + border-width: 0 0 1px; + padding: 0.5em 0.75em; + vertical-align: top; +} + +.table td.is-white, +.table th.is-white { + background-color: white; + border-color: white; + color: #0a0a0a; +} + +.table td.is-black, +.table th.is-black { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: white; +} + +.table td.is-light, +.table th.is-light { + background-color: whitesmoke; + border-color: whitesmoke; + color: #363636; +} + +.table td.is-dark, +.table th.is-dark { + background-color: #363636; + border-color: #363636; + color: whitesmoke; +} + +.table td.is-primary, +.table th.is-primary { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; +} + +.table td.is-link, +.table th.is-link { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; +} + +.table td.is-info, +.table th.is-info { + background-color: #209cee; + border-color: #209cee; + color: #fff; +} + +.table td.is-success, +.table th.is-success { + background-color: #23d160; + border-color: #23d160; + color: #fff; +} + +.table td.is-warning, +.table th.is-warning { + background-color: #ffdd57; + border-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.table td.is-danger, +.table th.is-danger { + background-color: #ff3860; + border-color: #ff3860; + color: #fff; +} + +.table td.is-narrow, +.table th.is-narrow { + white-space: nowrap; + width: 1%; +} + +.table td.is-selected, +.table th.is-selected { + background-color: #00d1b2; + color: #fff; +} + +.table td.is-selected a, +.table td.is-selected strong, +.table th.is-selected a, +.table th.is-selected strong { + color: currentColor; +} + +.table th { + color: #363636; + text-align: left; +} + +.table tr.is-selected { + background-color: #00d1b2; + color: #fff; +} + +.table tr.is-selected a, +.table tr.is-selected strong { + color: currentColor; +} + +.table tr.is-selected td, +.table tr.is-selected th { + border-color: #fff; + color: currentColor; +} + +.table thead td, +.table thead th { + border-width: 0 0 2px; + color: #363636; +} + +.table tfoot td, +.table tfoot th { + border-width: 2px 0 0; + color: #363636; +} + +.table tbody tr:last-child td, +.table tbody tr:last-child th { + border-bottom-width: 0; +} + +.table.is-bordered td, +.table.is-bordered th { + border-width: 1px; +} + +.table.is-bordered tr:last-child td, +.table.is-bordered tr:last-child th { + border-bottom-width: 1px; +} + +.table.is-fullwidth { + width: 100%; +} + +.table.is-hoverable tbody tr:not(.is-selected):hover { + background-color: #fafafa; +} + +.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { + background-color: whitesmoke; +} + +.table.is-narrow td, +.table.is-narrow th { + padding: 0.25em 0.5em; +} + +.table.is-striped tbody tr:not(.is-selected):nth-child(even) { + background-color: #fafafa; +} + +.tags { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.tags .tag { + margin-bottom: 0.5rem; +} + +.tags .tag:not(:last-child) { + margin-right: 0.5rem; +} + +.tags:last-child { + margin-bottom: -0.5rem; +} + +.tags:not(:last-child) { + margin-bottom: 1rem; +} + +.tags.has-addons .tag { + margin-right: 0; +} + +.tags.has-addons .tag:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.tags.has-addons .tag:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +.tags.is-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.tags.is-centered .tag { + margin-right: 0.25rem; + margin-left: 0.25rem; +} + +.tags.is-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.tags.is-right .tag:not(:first-child) { + margin-left: 0.5rem; +} + +.tags.is-right .tag:not(:last-child) { + margin-right: 0; +} + +.tag:not(body) { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + border-radius: 3px; + color: #4a4a4a; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 0.75rem; + height: 2em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 1.5; + padding-left: 0.75em; + padding-right: 0.75em; + white-space: nowrap; +} + +.tag:not(body) .delete { + margin-left: 0.25em; + margin-right: -0.375em; +} + +.tag:not(body).is-white { + background-color: white; + color: #0a0a0a; +} + +.tag:not(body).is-black { + background-color: #0a0a0a; + color: white; +} + +.tag:not(body).is-light { + background-color: whitesmoke; + color: #363636; +} + +.tag:not(body).is-dark { + background-color: #363636; + color: whitesmoke; +} + +.tag:not(body).is-primary { + background-color: #00d1b2; + color: #fff; +} + +.tag:not(body).is-link { + background-color: #3273dc; + color: #fff; +} + +.tag:not(body).is-info { + background-color: #209cee; + color: #fff; +} + +.tag:not(body).is-success { + background-color: #23d160; + color: #fff; +} + +.tag:not(body).is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.tag:not(body).is-danger { + background-color: #ff3860; + color: #fff; +} + +.tag:not(body).is-medium { + font-size: 1rem; +} + +.tag:not(body).is-large { + font-size: 1.25rem; +} + +.tag:not(body) .icon:first-child:not(:last-child) { + margin-left: -0.375em; + margin-right: 0.1875em; +} + +.tag:not(body) .icon:last-child:not(:first-child) { + margin-left: 0.1875em; + margin-right: -0.375em; +} + +.tag:not(body) .icon:first-child:last-child { + margin-left: -0.375em; + margin-right: -0.375em; +} + +.tag:not(body).is-delete { + margin-left: 1px; + padding: 0; + position: relative; + width: 2em; +} + +.tag:not(body).is-delete:before, .tag:not(body).is-delete:after { + background-color: currentColor; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +.tag:not(body).is-delete:before { + height: 1px; + width: 50%; +} + +.tag:not(body).is-delete:after { + height: 50%; + width: 1px; +} + +.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus { + background-color: #e8e8e8; +} + +.tag:not(body).is-delete:active { + background-color: #dbdbdb; +} + +.tag:not(body).is-rounded { + border-radius: 290486px; +} + +a.tag:hover { + text-decoration: underline; +} + +.title, +.subtitle { + word-break: break-word; +} + +.title:not(:last-child), +.subtitle:not(:last-child) { + margin-bottom: 1.5rem; +} + +.title em, +.title span, +.subtitle em, +.subtitle span { + font-weight: inherit; +} + +.title sub, +.subtitle sub { + font-size: 0.75em; +} + +.title sup, +.subtitle sup { + font-size: 0.75em; +} + +.title .tag, +.subtitle .tag { + vertical-align: middle; +} + +.title { + color: #363636; + font-size: 2rem; + font-weight: 600; + line-height: 1.125; +} + +.title strong { + color: inherit; + font-weight: inherit; +} + +.title + .highlight { + margin-top: -0.75rem; +} + +.title:not(.is-spaced) + .subtitle { + margin-top: -1.5rem; +} + +.title.is-1 { + font-size: 3rem; +} + +.title.is-2 { + font-size: 2.5rem; +} + +.title.is-3 { + font-size: 2rem; +} + +.title.is-4 { + font-size: 1.5rem; +} + +.title.is-5 { + font-size: 1.25rem; +} + +.title.is-6 { + font-size: 1rem; +} + +.title.is-7 { + font-size: 0.75rem; +} + +.subtitle { + color: #4a4a4a; + font-size: 1.25rem; + font-weight: 400; + line-height: 1.25; +} + +.subtitle strong { + color: #363636; + font-weight: 600; +} + +.subtitle:not(.is-spaced) + .title { + margin-top: -1.5rem; +} + +.subtitle.is-1 { + font-size: 3rem; +} + +.subtitle.is-2 { + font-size: 2.5rem; +} + +.subtitle.is-3 { + font-size: 2rem; +} + +.subtitle.is-4 { + font-size: 1.5rem; +} + +.subtitle.is-5 { + font-size: 1.25rem; +} + +.subtitle.is-6 { + font-size: 1rem; +} + +.subtitle.is-7 { + font-size: 0.75rem; +} + +.block:not(:last-child) { + margin-bottom: 1.5rem; +} + +.delete { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 0; + height: 20px; + max-height: 20px; + max-width: 20px; + min-height: 20px; + min-width: 20px; + outline: none; + position: relative; + vertical-align: top; + width: 20px; +} + +.delete:before, .delete:after { + background-color: white; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +.delete:before { + height: 2px; + width: 50%; +} + +.delete:after { + height: 50%; + width: 2px; +} + +.delete:hover, .delete:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.delete:active { + background-color: rgba(10, 10, 10, 0.4); +} + +.delete.is-small { + height: 16px; + max-height: 16px; + max-width: 16px; + min-height: 16px; + min-width: 16px; + width: 16px; +} + +.delete.is-medium { + height: 24px; + max-height: 24px; + max-width: 24px; + min-height: 24px; + min-width: 24px; + width: 24px; +} + +.delete.is-large { + height: 32px; + max-height: 32px; + max-width: 32px; + min-height: 32px; + min-width: 32px; + width: 32px; +} + +.heading { + display: block; + font-size: 11px; + letter-spacing: 1px; + margin-bottom: 5px; + text-transform: uppercase; +} + +.highlight { + font-weight: 400; + max-width: 100%; + overflow: hidden; + padding: 0; +} + +.highlight:not(:last-child) { + margin-bottom: 1.5rem; +} + +.highlight pre { + overflow: auto; + max-width: 100%; +} + +.loader { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; +} + +.number { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + border-radius: 290486px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1.25rem; + height: 2em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-right: 1.5rem; + min-width: 2.5em; + padding: 0.25rem 0.5rem; + text-align: center; + vertical-align: top; +} + +.breadcrumb { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 1rem; + overflow: hidden; + overflow-x: auto; + white-space: nowrap; +} + +.breadcrumb:not(:last-child) { + margin-bottom: 1.5rem; +} + +.breadcrumb a { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #3273dc; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0.5em 0.75em; +} + +.breadcrumb a:hover { + color: #363636; +} + +.breadcrumb li { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.breadcrumb li:first-child a { + padding-left: 0; +} + +.breadcrumb li.is-active a { + color: #363636; + cursor: default; + pointer-events: none; +} + +.breadcrumb li + li::before { + color: #4a4a4a; + content: "\0002f"; +} + +.breadcrumb ul, .breadcrumb ol { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.breadcrumb .icon:first-child { + margin-right: 0.5em; +} + +.breadcrumb .icon:last-child { + margin-left: 0.5em; +} + +.breadcrumb.is-centered ol, .breadcrumb.is-centered ul { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.breadcrumb.is-right ol, .breadcrumb.is-right ul { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.breadcrumb.is-small { + font-size: 0.75rem; +} + +.breadcrumb.is-medium { + font-size: 1.25rem; +} + +.breadcrumb.is-large { + font-size: 1.5rem; +} + +.breadcrumb.has-arrow-separator li + li::before { + content: "\02192"; +} + +.breadcrumb.has-bullet-separator li + li::before { + content: "\02022"; +} + +.breadcrumb.has-dot-separator li + li::before { + content: "\000b7"; +} + +.breadcrumb.has-succeeds-separator li + li::before { + content: "\0227B"; +} + +.card { + background-color: white; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + color: #4a4a4a; + max-width: 100%; + position: relative; +} + +.card-header { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); + box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.card-header-title { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #363636; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + font-weight: 700; + padding: 0.75rem; +} + +.card-header-title.is-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.card-header-icon { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0.75rem; +} + +.card-image { + display: block; + position: relative; +} + +.card-content { + padding: 1.5rem; +} + +.card-footer { + border-top: 1px solid #dbdbdb; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.card-footer-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0.75rem; +} + +.card-footer-item:not(:last-child) { + border-right: 1px solid #dbdbdb; +} + +.card .media:not(:last-child) { + margin-bottom: 0.75rem; +} + +.dropdown { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + vertical-align: top; +} + +.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { + display: block; +} + +.dropdown.is-right .dropdown-menu { + left: auto; + right: 0; +} + +.dropdown.is-up .dropdown-menu { + bottom: 100%; + padding-bottom: 4px; + padding-top: unset; + top: auto; +} + +.dropdown-menu { + display: none; + left: 0; + min-width: 12rem; + padding-top: 4px; + position: absolute; + top: 100%; + z-index: 20; +} + +.dropdown-content { + background-color: white; + border-radius: 3px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} + +.dropdown-item { + color: #4a4a4a; + display: block; + font-size: 0.875rem; + line-height: 1.5; + padding: 0.375rem 1rem; + position: relative; +} + +a.dropdown-item { + padding-right: 3rem; + white-space: nowrap; +} + +a.dropdown-item:hover { + background-color: whitesmoke; + color: #0a0a0a; +} + +a.dropdown-item.is-active { + background-color: #3273dc; + color: #fff; +} + +.dropdown-divider { + background-color: #dbdbdb; + border: none; + display: block; + height: 1px; + margin: 0.5rem 0; +} + +.level { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.level:not(:last-child) { + margin-bottom: 1.5rem; +} + +.level code { + border-radius: 3px; +} + +.level img { + display: inline-block; + vertical-align: top; +} + +.level.is-mobile { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.level.is-mobile .level-left, +.level.is-mobile .level-right { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.level.is-mobile .level-left + .level-right { + margin-top: 0; +} + +.level.is-mobile .level-item { + margin-right: 0.75rem; +} + +.level.is-mobile .level-item:not(:last-child) { + margin-bottom: 0; +} + +.level.is-mobile .level-item:not(.is-narrow) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +@media screen and (min-width: 769px), print { + .level { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .level > .level-item:not(.is-narrow) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } +} + +.level-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.level-item .title, +.level-item .subtitle { + margin-bottom: 0; +} + +@media screen and (max-width: 768px) { + .level-item:not(:last-child) { + margin-bottom: 0.75rem; + } +} + +.level-left, +.level-right { + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.level-left .level-item.is-flexible, +.level-right .level-item.is-flexible { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +@media screen and (min-width: 769px), print { + .level-left .level-item:not(:last-child), + .level-right .level-item:not(:last-child) { + margin-right: 0.75rem; + } +} + +.level-left { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +@media screen and (max-width: 768px) { + .level-left + .level-right { + margin-top: 1.5rem; + } +} + +@media screen and (min-width: 769px), print { + .level-left { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.level-right { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +@media screen and (min-width: 769px), print { + .level-right { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.media { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + text-align: left; +} + +.media .content:not(:last-child) { + margin-bottom: 0.75rem; +} + +.media .media { + border-top: 1px solid rgba(219, 219, 219, 0.5); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding-top: 0.75rem; +} + +.media .media .content:not(:last-child), +.media .media .control:not(:last-child) { + margin-bottom: 0.5rem; +} + +.media .media .media { + padding-top: 0.5rem; +} + +.media .media .media + .media { + margin-top: 0.5rem; +} + +.media + .media { + border-top: 1px solid rgba(219, 219, 219, 0.5); + margin-top: 1rem; + padding-top: 1rem; +} + +.media.is-large + .media { + margin-top: 1.5rem; + padding-top: 1.5rem; +} + +.media-left, +.media-right { + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.media-left { + margin-right: 1rem; +} + +.media-right { + margin-left: 1rem; +} + +.media-content { + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + overflow: auto; + text-align: left; +} + +.menu { + font-size: 1rem; +} + +.menu.is-small { + font-size: 0.75rem; +} + +.menu.is-medium { + font-size: 1.25rem; +} + +.menu.is-large { + font-size: 1.5rem; +} + +.menu-list { + line-height: 1.25; +} + +.menu-list a { + border-radius: 2px; + color: #4a4a4a; + display: block; + padding: 0.5em 0.75em; +} + +.menu-list a:hover { + background-color: whitesmoke; + color: #363636; +} + +.menu-list a.is-active { + background-color: #3273dc; + color: #fff; +} + +.menu-list li ul { + border-left: 1px solid #dbdbdb; + margin: 0.75em; + padding-left: 0.75em; +} + +.menu-label { + color: #7a7a7a; + font-size: 0.75em; + letter-spacing: 0.1em; + text-transform: uppercase; +} + +.menu-label:not(:first-child) { + margin-top: 1em; +} + +.menu-label:not(:last-child) { + margin-bottom: 1em; +} + +.message { + background-color: whitesmoke; + border-radius: 3px; + font-size: 1rem; +} + +.message:not(:last-child) { + margin-bottom: 1.5rem; +} + +.message strong { + color: currentColor; +} + +.message a:not(.button):not(.tag) { + color: currentColor; + text-decoration: underline; +} + +.message.is-small { + font-size: 0.75rem; +} + +.message.is-medium { + font-size: 1.25rem; +} + +.message.is-large { + font-size: 1.5rem; +} + +.message.is-white { + background-color: white; +} + +.message.is-white .message-header { + background-color: white; + color: #0a0a0a; +} + +.message.is-white .message-body { + border-color: white; + color: #4d4d4d; +} + +.message.is-black { + background-color: #fafafa; +} + +.message.is-black .message-header { + background-color: #0a0a0a; + color: white; +} + +.message.is-black .message-body { + border-color: #0a0a0a; + color: #090909; +} + +.message.is-light { + background-color: #fafafa; +} + +.message.is-light .message-header { + background-color: whitesmoke; + color: #363636; +} + +.message.is-light .message-body { + border-color: whitesmoke; + color: #505050; +} + +.message.is-dark { + background-color: #fafafa; +} + +.message.is-dark .message-header { + background-color: #363636; + color: whitesmoke; +} + +.message.is-dark .message-body { + border-color: #363636; + color: #2a2a2a; +} + +.message.is-primary { + background-color: #f5fffd; +} + +.message.is-primary .message-header { + background-color: #00d1b2; + color: #fff; +} + +.message.is-primary .message-body { + border-color: #00d1b2; + color: #021310; +} + +.message.is-link { + background-color: #f6f9fe; +} + +.message.is-link .message-header { + background-color: #3273dc; + color: #fff; +} + +.message.is-link .message-body { + border-color: #3273dc; + color: #22509a; +} + +.message.is-info { + background-color: #f6fbfe; +} + +.message.is-info .message-header { + background-color: #209cee; + color: #fff; +} + +.message.is-info .message-body { + border-color: #209cee; + color: #12537e; +} + +.message.is-success { + background-color: #f6fef9; +} + +.message.is-success .message-header { + background-color: #23d160; + color: #fff; +} + +.message.is-success .message-body { + border-color: #23d160; + color: #0e301a; +} + +.message.is-warning { + background-color: #fffdf5; +} + +.message.is-warning .message-header { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.message.is-warning .message-body { + border-color: #ffdd57; + color: #3b3108; +} + +.message.is-danger { + background-color: #fff5f7; +} + +.message.is-danger .message-header { + background-color: #ff3860; + color: #fff; +} + +.message.is-danger .message-body { + border-color: #ff3860; + color: #cd0930; +} + +.message-header { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #4a4a4a; + border-radius: 3px 3px 0 0; + color: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + line-height: 1.25; + padding: 0.5em 0.75em; + position: relative; +} + +.message-header .delete { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-left: 0.75em; +} + +.message-header + .message-body { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-top: none; +} + +.message-body { + border: 1px solid #dbdbdb; + border-radius: 3px; + color: #4a4a4a; + padding: 1em 1.25em; +} + +.message-body code, +.message-body pre { + background-color: white; +} + +.message-body pre code { + background-color: transparent; +} + +.modal { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + overflow: hidden; + position: fixed; + z-index: 40; +} + +.modal.is-active { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.modal-background { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + background-color: rgba(10, 10, 10, 0.86); +} + +.modal-content, +.modal-card { + margin: 0 20px; + max-height: calc(100vh - 160px); + overflow: auto; + position: relative; + width: 100%; +} + +@media screen and (min-width: 769px), print { + .modal-content, + .modal-card { + margin: 0 auto; + max-height: calc(100vh - 40px); + width: 640px; + } +} + +.modal-close { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 0; + height: 20px; + max-height: 20px; + max-width: 20px; + min-height: 20px; + min-width: 20px; + outline: none; + position: relative; + vertical-align: top; + width: 20px; + background: none; + height: 40px; + position: fixed; + right: 20px; + top: 20px; + width: 40px; +} + +.modal-close:before, .modal-close:after { + background-color: white; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +.modal-close:before { + height: 2px; + width: 50%; +} + +.modal-close:after { + height: 50%; + width: 2px; +} + +.modal-close:hover, .modal-close:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.modal-close:active { + background-color: rgba(10, 10, 10, 0.4); +} + +.modal-close.is-small { + height: 16px; + max-height: 16px; + max-width: 16px; + min-height: 16px; + min-width: 16px; + width: 16px; +} + +.modal-close.is-medium { + height: 24px; + max-height: 24px; + max-width: 24px; + min-height: 24px; + min-width: 24px; + width: 24px; +} + +.modal-close.is-large { + height: 32px; + max-height: 32px; + max-width: 32px; + min-height: 32px; + min-width: 32px; + width: 32px; +} + +.modal-card { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + max-height: calc(100vh - 40px); + overflow: hidden; +} + +.modal-card-head, +.modal-card-foot { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 20px; + position: relative; +} + +.modal-card-head { + border-bottom: 1px solid #dbdbdb; + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +.modal-card-title { + color: #363636; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 1.5rem; + line-height: 1; +} + +.modal-card-foot { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-top: 1px solid #dbdbdb; +} + +.modal-card-foot .button:not(:last-child) { + margin-right: 10px; +} + +.modal-card-body { + -webkit-overflow-scrolling: touch; + background-color: white; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + overflow: auto; + padding: 20px; +} + +.navbar { + background-color: white; + min-height: 3.25rem; + position: relative; +} + +.navbar.is-white { + background-color: white; + color: #0a0a0a; +} + +.navbar.is-white .navbar-brand > .navbar-item, +.navbar.is-white .navbar-brand .navbar-link { + color: #0a0a0a; +} + +.navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, +.navbar.is-white .navbar-brand .navbar-link:hover, +.navbar.is-white .navbar-brand .navbar-link.is-active { + background-color: #f2f2f2; + color: #0a0a0a; +} + +.navbar.is-white .navbar-brand .navbar-link::after { + border-color: #0a0a0a; +} + +@media screen and (min-width: 1024px) { + .navbar.is-white .navbar-start > .navbar-item, + .navbar.is-white .navbar-start .navbar-link, + .navbar.is-white .navbar-end > .navbar-item, + .navbar.is-white .navbar-end .navbar-link { + color: #0a0a0a; + } + .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, + .navbar.is-white .navbar-start .navbar-link:hover, + .navbar.is-white .navbar-start .navbar-link.is-active, + .navbar.is-white .navbar-end > a.navbar-item:hover, + .navbar.is-white .navbar-end > a.navbar-item.is-active, + .navbar.is-white .navbar-end .navbar-link:hover, + .navbar.is-white .navbar-end .navbar-link.is-active { + background-color: #f2f2f2; + color: #0a0a0a; + } + .navbar.is-white .navbar-start .navbar-link::after, + .navbar.is-white .navbar-end .navbar-link::after { + border-color: #0a0a0a; + } + .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #f2f2f2; + color: #0a0a0a; + } + .navbar.is-white .navbar-dropdown a.navbar-item.is-active { + background-color: white; + color: #0a0a0a; + } +} + +.navbar.is-black { + background-color: #0a0a0a; + color: white; +} + +.navbar.is-black .navbar-brand > .navbar-item, +.navbar.is-black .navbar-brand .navbar-link { + color: white; +} + +.navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, +.navbar.is-black .navbar-brand .navbar-link:hover, +.navbar.is-black .navbar-brand .navbar-link.is-active { + background-color: black; + color: white; +} + +.navbar.is-black .navbar-brand .navbar-link::after { + border-color: white; +} + +@media screen and (min-width: 1024px) { + .navbar.is-black .navbar-start > .navbar-item, + .navbar.is-black .navbar-start .navbar-link, + .navbar.is-black .navbar-end > .navbar-item, + .navbar.is-black .navbar-end .navbar-link { + color: white; + } + .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, + .navbar.is-black .navbar-start .navbar-link:hover, + .navbar.is-black .navbar-start .navbar-link.is-active, + .navbar.is-black .navbar-end > a.navbar-item:hover, + .navbar.is-black .navbar-end > a.navbar-item.is-active, + .navbar.is-black .navbar-end .navbar-link:hover, + .navbar.is-black .navbar-end .navbar-link.is-active { + background-color: black; + color: white; + } + .navbar.is-black .navbar-start .navbar-link::after, + .navbar.is-black .navbar-end .navbar-link::after { + border-color: white; + } + .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link { + background-color: black; + color: white; + } + .navbar.is-black .navbar-dropdown a.navbar-item.is-active { + background-color: #0a0a0a; + color: white; + } +} + +.navbar.is-light { + background-color: whitesmoke; + color: #363636; +} + +.navbar.is-light .navbar-brand > .navbar-item, +.navbar.is-light .navbar-brand .navbar-link { + color: #363636; +} + +.navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, +.navbar.is-light .navbar-brand .navbar-link:hover, +.navbar.is-light .navbar-brand .navbar-link.is-active { + background-color: #e8e8e8; + color: #363636; +} + +.navbar.is-light .navbar-brand .navbar-link::after { + border-color: #363636; +} + +@media screen and (min-width: 1024px) { + .navbar.is-light .navbar-start > .navbar-item, + .navbar.is-light .navbar-start .navbar-link, + .navbar.is-light .navbar-end > .navbar-item, + .navbar.is-light .navbar-end .navbar-link { + color: #363636; + } + .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, + .navbar.is-light .navbar-start .navbar-link:hover, + .navbar.is-light .navbar-start .navbar-link.is-active, + .navbar.is-light .navbar-end > a.navbar-item:hover, + .navbar.is-light .navbar-end > a.navbar-item.is-active, + .navbar.is-light .navbar-end .navbar-link:hover, + .navbar.is-light .navbar-end .navbar-link.is-active { + background-color: #e8e8e8; + color: #363636; + } + .navbar.is-light .navbar-start .navbar-link::after, + .navbar.is-light .navbar-end .navbar-link::after { + border-color: #363636; + } + .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #e8e8e8; + color: #363636; + } + .navbar.is-light .navbar-dropdown a.navbar-item.is-active { + background-color: whitesmoke; + color: #363636; + } +} + +.navbar.is-dark { + background-color: #363636; + color: whitesmoke; +} + +.navbar.is-dark .navbar-brand > .navbar-item, +.navbar.is-dark .navbar-brand .navbar-link { + color: whitesmoke; +} + +.navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, +.navbar.is-dark .navbar-brand .navbar-link:hover, +.navbar.is-dark .navbar-brand .navbar-link.is-active { + background-color: #292929; + color: whitesmoke; +} + +.navbar.is-dark .navbar-brand .navbar-link::after { + border-color: whitesmoke; +} + +@media screen and (min-width: 1024px) { + .navbar.is-dark .navbar-start > .navbar-item, + .navbar.is-dark .navbar-start .navbar-link, + .navbar.is-dark .navbar-end > .navbar-item, + .navbar.is-dark .navbar-end .navbar-link { + color: whitesmoke; + } + .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, + .navbar.is-dark .navbar-start .navbar-link:hover, + .navbar.is-dark .navbar-start .navbar-link.is-active, + .navbar.is-dark .navbar-end > a.navbar-item:hover, + .navbar.is-dark .navbar-end > a.navbar-item.is-active, + .navbar.is-dark .navbar-end .navbar-link:hover, + .navbar.is-dark .navbar-end .navbar-link.is-active { + background-color: #292929; + color: whitesmoke; + } + .navbar.is-dark .navbar-start .navbar-link::after, + .navbar.is-dark .navbar-end .navbar-link::after { + border-color: whitesmoke; + } + .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #292929; + color: whitesmoke; + } + .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { + background-color: #363636; + color: whitesmoke; + } +} + +.navbar.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.navbar.is-primary .navbar-brand > .navbar-item, +.navbar.is-primary .navbar-brand .navbar-link { + color: #fff; +} + +.navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, +.navbar.is-primary .navbar-brand .navbar-link:hover, +.navbar.is-primary .navbar-brand .navbar-link.is-active { + background-color: #00b89c; + color: #fff; +} + +.navbar.is-primary .navbar-brand .navbar-link::after { + border-color: #fff; +} + +@media screen and (min-width: 1024px) { + .navbar.is-primary .navbar-start > .navbar-item, + .navbar.is-primary .navbar-start .navbar-link, + .navbar.is-primary .navbar-end > .navbar-item, + .navbar.is-primary .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, + .navbar.is-primary .navbar-start .navbar-link:hover, + .navbar.is-primary .navbar-start .navbar-link.is-active, + .navbar.is-primary .navbar-end > a.navbar-item:hover, + .navbar.is-primary .navbar-end > a.navbar-item.is-active, + .navbar.is-primary .navbar-end .navbar-link:hover, + .navbar.is-primary .navbar-end .navbar-link.is-active { + background-color: #00b89c; + color: #fff; + } + .navbar.is-primary .navbar-start .navbar-link::after, + .navbar.is-primary .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #00b89c; + color: #fff; + } + .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { + background-color: #00d1b2; + color: #fff; + } +} + +.navbar.is-link { + background-color: #3273dc; + color: #fff; +} + +.navbar.is-link .navbar-brand > .navbar-item, +.navbar.is-link .navbar-brand .navbar-link { + color: #fff; +} + +.navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, +.navbar.is-link .navbar-brand .navbar-link:hover, +.navbar.is-link .navbar-brand .navbar-link.is-active { + background-color: #2366d1; + color: #fff; +} + +.navbar.is-link .navbar-brand .navbar-link::after { + border-color: #fff; +} + +@media screen and (min-width: 1024px) { + .navbar.is-link .navbar-start > .navbar-item, + .navbar.is-link .navbar-start .navbar-link, + .navbar.is-link .navbar-end > .navbar-item, + .navbar.is-link .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, + .navbar.is-link .navbar-start .navbar-link:hover, + .navbar.is-link .navbar-start .navbar-link.is-active, + .navbar.is-link .navbar-end > a.navbar-item:hover, + .navbar.is-link .navbar-end > a.navbar-item.is-active, + .navbar.is-link .navbar-end .navbar-link:hover, + .navbar.is-link .navbar-end .navbar-link.is-active { + background-color: #2366d1; + color: #fff; + } + .navbar.is-link .navbar-start .navbar-link::after, + .navbar.is-link .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #2366d1; + color: #fff; + } + .navbar.is-link .navbar-dropdown a.navbar-item.is-active { + background-color: #3273dc; + color: #fff; + } +} + +.navbar.is-info { + background-color: #209cee; + color: #fff; +} + +.navbar.is-info .navbar-brand > .navbar-item, +.navbar.is-info .navbar-brand .navbar-link { + color: #fff; +} + +.navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, +.navbar.is-info .navbar-brand .navbar-link:hover, +.navbar.is-info .navbar-brand .navbar-link.is-active { + background-color: #118fe4; + color: #fff; +} + +.navbar.is-info .navbar-brand .navbar-link::after { + border-color: #fff; +} + +@media screen and (min-width: 1024px) { + .navbar.is-info .navbar-start > .navbar-item, + .navbar.is-info .navbar-start .navbar-link, + .navbar.is-info .navbar-end > .navbar-item, + .navbar.is-info .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, + .navbar.is-info .navbar-start .navbar-link:hover, + .navbar.is-info .navbar-start .navbar-link.is-active, + .navbar.is-info .navbar-end > a.navbar-item:hover, + .navbar.is-info .navbar-end > a.navbar-item.is-active, + .navbar.is-info .navbar-end .navbar-link:hover, + .navbar.is-info .navbar-end .navbar-link.is-active { + background-color: #118fe4; + color: #fff; + } + .navbar.is-info .navbar-start .navbar-link::after, + .navbar.is-info .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #118fe4; + color: #fff; + } + .navbar.is-info .navbar-dropdown a.navbar-item.is-active { + background-color: #209cee; + color: #fff; + } +} + +.navbar.is-success { + background-color: #23d160; + color: #fff; +} + +.navbar.is-success .navbar-brand > .navbar-item, +.navbar.is-success .navbar-brand .navbar-link { + color: #fff; +} + +.navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, +.navbar.is-success .navbar-brand .navbar-link:hover, +.navbar.is-success .navbar-brand .navbar-link.is-active { + background-color: #20bc56; + color: #fff; +} + +.navbar.is-success .navbar-brand .navbar-link::after { + border-color: #fff; +} + +@media screen and (min-width: 1024px) { + .navbar.is-success .navbar-start > .navbar-item, + .navbar.is-success .navbar-start .navbar-link, + .navbar.is-success .navbar-end > .navbar-item, + .navbar.is-success .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, + .navbar.is-success .navbar-start .navbar-link:hover, + .navbar.is-success .navbar-start .navbar-link.is-active, + .navbar.is-success .navbar-end > a.navbar-item:hover, + .navbar.is-success .navbar-end > a.navbar-item.is-active, + .navbar.is-success .navbar-end .navbar-link:hover, + .navbar.is-success .navbar-end .navbar-link.is-active { + background-color: #20bc56; + color: #fff; + } + .navbar.is-success .navbar-start .navbar-link::after, + .navbar.is-success .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #20bc56; + color: #fff; + } + .navbar.is-success .navbar-dropdown a.navbar-item.is-active { + background-color: #23d160; + color: #fff; + } +} + +.navbar.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.navbar.is-warning .navbar-brand > .navbar-item, +.navbar.is-warning .navbar-brand .navbar-link { + color: rgba(0, 0, 0, 0.7); +} + +.navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, +.navbar.is-warning .navbar-brand .navbar-link:hover, +.navbar.is-warning .navbar-brand .navbar-link.is-active { + background-color: #ffd83d; + color: rgba(0, 0, 0, 0.7); +} + +.navbar.is-warning .navbar-brand .navbar-link::after { + border-color: rgba(0, 0, 0, 0.7); +} + +@media screen and (min-width: 1024px) { + .navbar.is-warning .navbar-start > .navbar-item, + .navbar.is-warning .navbar-start .navbar-link, + .navbar.is-warning .navbar-end > .navbar-item, + .navbar.is-warning .navbar-end .navbar-link { + color: rgba(0, 0, 0, 0.7); + } + .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, + .navbar.is-warning .navbar-start .navbar-link:hover, + .navbar.is-warning .navbar-start .navbar-link.is-active, + .navbar.is-warning .navbar-end > a.navbar-item:hover, + .navbar.is-warning .navbar-end > a.navbar-item.is-active, + .navbar.is-warning .navbar-end .navbar-link:hover, + .navbar.is-warning .navbar-end .navbar-link.is-active { + background-color: #ffd83d; + color: rgba(0, 0, 0, 0.7); + } + .navbar.is-warning .navbar-start .navbar-link::after, + .navbar.is-warning .navbar-end .navbar-link::after { + border-color: rgba(0, 0, 0, 0.7); + } + .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #ffd83d; + color: rgba(0, 0, 0, 0.7); + } + .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); + } +} + +.navbar.is-danger { + background-color: #ff3860; + color: #fff; +} + +.navbar.is-danger .navbar-brand > .navbar-item, +.navbar.is-danger .navbar-brand .navbar-link { + color: #fff; +} + +.navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, +.navbar.is-danger .navbar-brand .navbar-link:hover, +.navbar.is-danger .navbar-brand .navbar-link.is-active { + background-color: #ff1f4b; + color: #fff; +} + +.navbar.is-danger .navbar-brand .navbar-link::after { + border-color: #fff; +} + +@media screen and (min-width: 1024px) { + .navbar.is-danger .navbar-start > .navbar-item, + .navbar.is-danger .navbar-start .navbar-link, + .navbar.is-danger .navbar-end > .navbar-item, + .navbar.is-danger .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, + .navbar.is-danger .navbar-start .navbar-link:hover, + .navbar.is-danger .navbar-start .navbar-link.is-active, + .navbar.is-danger .navbar-end > a.navbar-item:hover, + .navbar.is-danger .navbar-end > a.navbar-item.is-active, + .navbar.is-danger .navbar-end .navbar-link:hover, + .navbar.is-danger .navbar-end .navbar-link.is-active { + background-color: #ff1f4b; + color: #fff; + } + .navbar.is-danger .navbar-start .navbar-link::after, + .navbar.is-danger .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #ff1f4b; + color: #fff; + } + .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { + background-color: #ff3860; + color: #fff; + } +} + +.navbar > .container { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + min-height: 3.25rem; + width: 100%; +} + +.navbar.has-shadow { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); +} + +.navbar.is-fixed-bottom, .navbar.is-fixed-top { + left: 0; + position: fixed; + right: 0; + z-index: 30; +} + +.navbar.is-fixed-bottom { + bottom: 0; +} + +.navbar.is-fixed-bottom.has-shadow { + -webkit-box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); + box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); +} + +.navbar.is-fixed-top { + top: 0; +} + +html.has-navbar-fixed-top { + padding-top: 3.25rem; +} + +html.has-navbar-fixed-bottom { + padding-bottom: 3.25rem; +} + +.navbar-brand, +.navbar-tabs { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-negative: 0; + flex-shrink: 0; + min-height: 3.25rem; +} + +.navbar-tabs { + -webkit-overflow-scrolling: touch; + max-width: 100vw; + overflow-x: auto; + overflow-y: hidden; +} + +.navbar-burger { + cursor: pointer; + display: block; + height: 3.25rem; + position: relative; + width: 3.25rem; + margin-left: auto; +} + +.navbar-burger span { + background-color: currentColor; + display: block; + height: 1px; + left: calc(50% - 8px); + position: absolute; + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transition-duration: 86ms; + transition-duration: 86ms; + -webkit-transition-property: background-color, opacity, -webkit-transform; + transition-property: background-color, opacity, -webkit-transform; + transition-property: background-color, opacity, transform; + transition-property: background-color, opacity, transform, -webkit-transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; + width: 16px; +} + +.navbar-burger span:nth-child(1) { + top: calc(50% - 6px); +} + +.navbar-burger span:nth-child(2) { + top: calc(50% - 1px); +} + +.navbar-burger span:nth-child(3) { + top: calc(50% + 4px); +} + +.navbar-burger:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.navbar-burger.is-active span:nth-child(1) { + -webkit-transform: translateY(5px) rotate(45deg); + transform: translateY(5px) rotate(45deg); +} + +.navbar-burger.is-active span:nth-child(2) { + opacity: 0; +} + +.navbar-burger.is-active span:nth-child(3) { + -webkit-transform: translateY(-5px) rotate(-45deg); + transform: translateY(-5px) rotate(-45deg); +} + +.navbar-menu { + display: none; +} + +.navbar-item, +.navbar-link { + color: #4a4a4a; + display: block; + line-height: 1.5; + padding: 0.5rem 1rem; + position: relative; +} + +a.navbar-item:hover, a.navbar-item.is-active, +a.navbar-link:hover, +a.navbar-link.is-active { + background-color: whitesmoke; + color: #3273dc; +} + +.navbar-item { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.navbar-item img { + max-height: 1.75rem; +} + +.navbar-item.has-dropdown { + padding: 0; +} + +.navbar-item.is-expanded { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.navbar-item.is-tab { + border-bottom: 1px solid transparent; + min-height: 3.25rem; + padding-bottom: calc(0.5rem - 1px); +} + +.navbar-item.is-tab:hover { + background-color: transparent; + border-bottom-color: #3273dc; +} + +.navbar-item.is-tab.is-active { + background-color: transparent; + border-bottom-color: #3273dc; + border-bottom-style: solid; + border-bottom-width: 3px; + color: #3273dc; + padding-bottom: calc(0.5rem - 3px); +} + +.navbar-content { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.navbar-link { + padding-right: 2.5em; +} + +.navbar-dropdown { + font-size: 0.875rem; + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} + +.navbar-dropdown .navbar-item { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.navbar-divider { + background-color: #dbdbdb; + border: none; + display: none; + height: 1px; + margin: 0.5rem 0; +} + +@media screen and (max-width: 1023px) { + .navbar > .container { + display: block; + } + .navbar-brand .navbar-item, + .navbar-tabs .navbar-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .navbar-menu { + background-color: white; + -webkit-box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); + padding: 0.5rem 0; + } + .navbar-menu.is-active { + display: block; + } + .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch { + left: 0; + position: fixed; + right: 0; + z-index: 30; + } + .navbar.is-fixed-bottom-touch { + bottom: 0; + } + .navbar.is-fixed-bottom-touch.has-shadow { + -webkit-box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); + box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); + } + .navbar.is-fixed-top-touch { + top: 0; + } + .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu { + -webkit-overflow-scrolling: touch; + max-height: calc(100vh - 3.25rem); + overflow: auto; + } + html.has-navbar-fixed-top-touch { + padding-top: 3.25rem; + } + html.has-navbar-fixed-bottom-touch { + padding-bottom: 3.25rem; + } +} + +@media screen and (min-width: 1024px) { + .navbar, + .navbar-menu, + .navbar-start, + .navbar-end { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .navbar { + min-height: 3.25rem; + } + .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, + .navbar.is-transparent a.navbar-link:hover, + .navbar.is-transparent a.navbar-link.is-active { + background-color: transparent !important; + } + .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { + background-color: transparent !important; + } + .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { + background-color: whitesmoke; + color: #0a0a0a; + } + .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { + background-color: whitesmoke; + color: #3273dc; + } + .navbar-burger { + display: none; + } + .navbar-item, + .navbar-link { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .navbar-item.has-dropdown { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + } + .navbar-item.has-dropdown-up .navbar-link::after { + -webkit-transform: rotate(135deg) translate(0.25em, -0.25em); + transform: rotate(135deg) translate(0.25em, -0.25em); + } + .navbar-item.has-dropdown-up .navbar-dropdown { + border-bottom: 1px solid #dbdbdb; + border-radius: 5px 5px 0 0; + border-top: none; + bottom: 100%; + -webkit-box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); + box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); + top: auto; + } + .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { + display: block; + } + .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { + opacity: 1; + pointer-events: auto; + -webkit-transform: translateY(0); + transform: translateY(0); + } + .navbar-link::after { + border: 1px solid #3273dc; + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: 0.5em; + pointer-events: none; + position: absolute; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: center; + transform-origin: center; + width: 0.5em; + margin-top: -0.375em; + right: 1.125em; + top: 50%; + } + .navbar-menu { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + } + .navbar-start { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + margin-right: auto; + } + .navbar-end { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + margin-left: auto; + } + .navbar-dropdown { + background-color: white; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-top: 1px solid #dbdbdb; + -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); + display: none; + font-size: 0.875rem; + left: 0; + min-width: 100%; + position: absolute; + top: 100%; + z-index: 20; + } + .navbar-dropdown .navbar-item { + padding: 0.375rem 1rem; + white-space: nowrap; + } + .navbar-dropdown a.navbar-item { + padding-right: 3rem; + } + .navbar-dropdown a.navbar-item:hover { + background-color: whitesmoke; + color: #0a0a0a; + } + .navbar-dropdown a.navbar-item.is-active { + background-color: whitesmoke; + color: #3273dc; + } + .navbar-dropdown.is-boxed { + border-radius: 5px; + border-top: none; + -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + display: block; + opacity: 0; + pointer-events: none; + top: calc(100% + (-4px)); + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + -webkit-transition-duration: 86ms; + transition-duration: 86ms; + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + transition-property: opacity, transform; + transition-property: opacity, transform, -webkit-transform; + } + .navbar-dropdown.is-right { + left: auto; + right: 0; + } + .navbar-divider { + display: block; + } + .navbar > .container .navbar-brand, + .container > .navbar .navbar-brand { + margin-left: -1rem; + } + .navbar > .container .navbar-menu, + .container > .navbar .navbar-menu { + margin-right: -1rem; + } + .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop { + left: 0; + position: fixed; + right: 0; + z-index: 30; + } + .navbar.is-fixed-bottom-desktop { + bottom: 0; + } + .navbar.is-fixed-bottom-desktop.has-shadow { + -webkit-box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); + box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); + } + .navbar.is-fixed-top-desktop { + top: 0; + } + html.has-navbar-fixed-top-desktop { + padding-top: 3.25rem; + } + html.has-navbar-fixed-bottom-desktop { + padding-bottom: 3.25rem; + } + a.navbar-item.is-active, + a.navbar-link.is-active { + color: #0a0a0a; + } + a.navbar-item.is-active:not(:hover), + a.navbar-link.is-active:not(:hover) { + background-color: transparent; + } + .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { + background-color: whitesmoke; + } +} + +.pagination { + font-size: 1rem; + margin: -0.25rem; +} + +.pagination.is-small { + font-size: 0.75rem; +} + +.pagination.is-medium { + font-size: 1.25rem; +} + +.pagination.is-large { + font-size: 1.5rem; +} + +.pagination.is-rounded .pagination-previous, +.pagination.is-rounded .pagination-next { + padding-left: 1em; + padding-right: 1em; + border-radius: 290486px; +} + +.pagination.is-rounded .pagination-link { + border-radius: 290486px; +} + +.pagination, +.pagination-list { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + +.pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 1em; + padding-left: 0.5em; + padding-right: 0.5em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0.25rem; + text-align: center; +} + +.pagination-previous:focus, .pagination-previous.is-focused, .pagination-previous:active, .pagination-previous.is-active, +.pagination-next:focus, +.pagination-next.is-focused, +.pagination-next:active, +.pagination-next.is-active, +.pagination-link:focus, +.pagination-link.is-focused, +.pagination-link:active, +.pagination-link.is-active, +.pagination-ellipsis:focus, +.pagination-ellipsis.is-focused, +.pagination-ellipsis:active, +.pagination-ellipsis.is-active { + outline: none; +} + +.pagination-previous[disabled], +.pagination-next[disabled], +.pagination-link[disabled], +.pagination-ellipsis[disabled] { + cursor: not-allowed; +} + +.pagination-previous, +.pagination-next, +.pagination-link { + border-color: #dbdbdb; + color: #363636; + min-width: 2.25em; +} + +.pagination-previous:hover, +.pagination-next:hover, +.pagination-link:hover { + border-color: #b5b5b5; + color: #363636; +} + +.pagination-previous:focus, +.pagination-next:focus, +.pagination-link:focus { + border-color: #3273dc; +} + +.pagination-previous:active, +.pagination-next:active, +.pagination-link:active { + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); +} + +.pagination-previous[disabled], +.pagination-next[disabled], +.pagination-link[disabled] { + background-color: #dbdbdb; + border-color: #dbdbdb; + -webkit-box-shadow: none; + box-shadow: none; + color: #7a7a7a; + opacity: 0.5; +} + +.pagination-previous, +.pagination-next { + padding-left: 0.75em; + padding-right: 0.75em; + white-space: nowrap; +} + +.pagination-link.is-current { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; +} + +.pagination-ellipsis { + color: #b5b5b5; + pointer-events: none; +} + +.pagination-list { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +@media screen and (max-width: 768px) { + .pagination { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .pagination-previous, + .pagination-next { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + } + .pagination-list li { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + } +} + +@media screen and (min-width: 769px), print { + .pagination-list { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .pagination-previous { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .pagination-next { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } + .pagination { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + .pagination.is-centered .pagination-previous { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .pagination.is-centered .pagination-list { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .pagination.is-centered .pagination-next { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } + .pagination.is-right .pagination-previous { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .pagination.is-right .pagination-next { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .pagination.is-right .pagination-list { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } +} + +.panel { + font-size: 1rem; +} + +.panel:not(:last-child) { + margin-bottom: 1.5rem; +} + +.panel-heading, +.panel-tabs, +.panel-block { + border-bottom: 1px solid #dbdbdb; + border-left: 1px solid #dbdbdb; + border-right: 1px solid #dbdbdb; +} + +.panel-heading:first-child, +.panel-tabs:first-child, +.panel-block:first-child { + border-top: 1px solid #dbdbdb; +} + +.panel-heading { + background-color: whitesmoke; + border-radius: 3px 3px 0 0; + color: #363636; + font-size: 1.25em; + font-weight: 300; + line-height: 1.25; + padding: 0.5em 0.75em; +} + +.panel-tabs { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 0.875em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.panel-tabs a { + border-bottom: 1px solid #dbdbdb; + margin-bottom: -1px; + padding: 0.5em; +} + +.panel-tabs a.is-active { + border-bottom-color: #4a4a4a; + color: #363636; +} + +.panel-list a { + color: #4a4a4a; +} + +.panel-list a:hover { + color: #3273dc; +} + +.panel-block { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #363636; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0.5em 0.75em; +} + +.panel-block input[type="checkbox"] { + margin-right: 0.75em; +} + +.panel-block > .control { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + width: 100%; +} + +.panel-block.is-wrapped { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.panel-block.is-active { + border-left-color: #3273dc; + color: #363636; +} + +.panel-block.is-active .panel-icon { + color: #3273dc; +} + +a.panel-block, +label.panel-block { + cursor: pointer; +} + +a.panel-block:hover, +label.panel-block:hover { + background-color: whitesmoke; +} + +.panel-icon { + display: inline-block; + font-size: 14px; + height: 1em; + line-height: 1em; + text-align: center; + vertical-align: top; + width: 1em; + color: #7a7a7a; + margin-right: 0.75em; +} + +.panel-icon .fa { + font-size: inherit; + line-height: inherit; +} + +.tabs { + -webkit-overflow-scrolling: touch; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 1rem; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + overflow: hidden; + overflow-x: auto; + white-space: nowrap; +} + +.tabs:not(:last-child) { + margin-bottom: 1.5rem; +} + +.tabs a { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-bottom-color: #dbdbdb; + border-bottom-style: solid; + border-bottom-width: 1px; + color: #4a4a4a; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-bottom: -1px; + padding: 0.5em 1em; + vertical-align: top; +} + +.tabs a:hover { + border-bottom-color: #363636; + color: #363636; +} + +.tabs li { + display: block; +} + +.tabs li.is-active a { + border-bottom-color: #3273dc; + color: #3273dc; +} + +.tabs ul { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-bottom-color: #dbdbdb; + border-bottom-style: solid; + border-bottom-width: 1px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.tabs ul.is-left { + padding-right: 0.75em; +} + +.tabs ul.is-center { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 0.75em; + padding-right: 0.75em; +} + +.tabs ul.is-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + padding-left: 0.75em; +} + +.tabs .icon:first-child { + margin-right: 0.5em; +} + +.tabs .icon:last-child { + margin-left: 0.5em; +} + +.tabs.is-centered ul { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.tabs.is-right ul { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.tabs.is-boxed a { + border: 1px solid transparent; + border-radius: 3px 3px 0 0; +} + +.tabs.is-boxed a:hover { + background-color: whitesmoke; + border-bottom-color: #dbdbdb; +} + +.tabs.is-boxed li.is-active a { + background-color: white; + border-color: #dbdbdb; + border-bottom-color: transparent !important; +} + +.tabs.is-fullwidth li { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.tabs.is-toggle a { + border-color: #dbdbdb; + border-style: solid; + border-width: 1px; + margin-bottom: 0; + position: relative; +} + +.tabs.is-toggle a:hover { + background-color: whitesmoke; + border-color: #b5b5b5; + z-index: 2; +} + +.tabs.is-toggle li + li { + margin-left: -1px; +} + +.tabs.is-toggle li:first-child a { + border-radius: 3px 0 0 3px; +} + +.tabs.is-toggle li:last-child a { + border-radius: 0 3px 3px 0; +} + +.tabs.is-toggle li.is-active a { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; + z-index: 1; +} + +.tabs.is-toggle ul { + border-bottom: none; +} + +.tabs.is-toggle.is-toggle-rounded li:first-child a { + border-bottom-left-radius: 290486px; + border-top-left-radius: 290486px; + padding-left: 1.25em; +} + +.tabs.is-toggle.is-toggle-rounded li:last-child a { + border-bottom-right-radius: 290486px; + border-top-right-radius: 290486px; + padding-right: 1.25em; +} + +.tabs.is-small { + font-size: 0.75rem; +} + +.tabs.is-medium { + font-size: 1.25rem; +} + +.tabs.is-large { + font-size: 1.5rem; +} + +.column { + display: block; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + padding: 0.75rem; +} + +.columns.is-mobile > .column.is-narrow { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; +} + +.columns.is-mobile > .column.is-full { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; +} + +.columns.is-mobile > .column.is-three-quarters { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; +} + +.columns.is-mobile > .column.is-two-thirds { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; +} + +.columns.is-mobile > .column.is-half { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; +} + +.columns.is-mobile > .column.is-one-third { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; +} + +.columns.is-mobile > .column.is-one-quarter { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; +} + +.columns.is-mobile > .column.is-one-fifth { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 20%; +} + +.columns.is-mobile > .column.is-two-fifths { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 40%; +} + +.columns.is-mobile > .column.is-three-fifths { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 60%; +} + +.columns.is-mobile > .column.is-four-fifths { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 80%; +} + +.columns.is-mobile > .column.is-offset-three-quarters { + margin-left: 75%; +} + +.columns.is-mobile > .column.is-offset-two-thirds { + margin-left: 66.6666%; +} + +.columns.is-mobile > .column.is-offset-half { + margin-left: 50%; +} + +.columns.is-mobile > .column.is-offset-one-third { + margin-left: 33.3333%; +} + +.columns.is-mobile > .column.is-offset-one-quarter { + margin-left: 25%; +} + +.columns.is-mobile > .column.is-offset-one-fifth { + margin-left: 20%; +} + +.columns.is-mobile > .column.is-offset-two-fifths { + margin-left: 40%; +} + +.columns.is-mobile > .column.is-offset-three-fifths { + margin-left: 60%; +} + +.columns.is-mobile > .column.is-offset-four-fifths { + margin-left: 80%; +} + +.columns.is-mobile > .column.is-1 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; +} + +.columns.is-mobile > .column.is-offset-1 { + margin-left: 8.33333%; +} + +.columns.is-mobile > .column.is-2 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; +} + +.columns.is-mobile > .column.is-offset-2 { + margin-left: 16.66667%; +} + +.columns.is-mobile > .column.is-3 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; +} + +.columns.is-mobile > .column.is-offset-3 { + margin-left: 25%; +} + +.columns.is-mobile > .column.is-4 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; +} + +.columns.is-mobile > .column.is-offset-4 { + margin-left: 33.33333%; +} + +.columns.is-mobile > .column.is-5 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; +} + +.columns.is-mobile > .column.is-offset-5 { + margin-left: 41.66667%; +} + +.columns.is-mobile > .column.is-6 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; +} + +.columns.is-mobile > .column.is-offset-6 { + margin-left: 50%; +} + +.columns.is-mobile > .column.is-7 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; +} + +.columns.is-mobile > .column.is-offset-7 { + margin-left: 58.33333%; +} + +.columns.is-mobile > .column.is-8 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; +} + +.columns.is-mobile > .column.is-offset-8 { + margin-left: 66.66667%; +} + +.columns.is-mobile > .column.is-9 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; +} + +.columns.is-mobile > .column.is-offset-9 { + margin-left: 75%; +} + +.columns.is-mobile > .column.is-10 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; +} + +.columns.is-mobile > .column.is-offset-10 { + margin-left: 83.33333%; +} + +.columns.is-mobile > .column.is-11 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; +} + +.columns.is-mobile > .column.is-offset-11 { + margin-left: 91.66667%; +} + +.columns.is-mobile > .column.is-12 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; +} + +.columns.is-mobile > .column.is-offset-12 { + margin-left: 100%; +} + +@media screen and (max-width: 768px) { + .column.is-narrow-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-one-fifth-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 20%; + } + .column.is-two-fifths-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 40%; + } + .column.is-three-fifths-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 60%; + } + .column.is-four-fifths-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-mobile { + margin-left: 75%; + } + .column.is-offset-two-thirds-mobile { + margin-left: 66.6666%; + } + .column.is-offset-half-mobile { + margin-left: 50%; + } + .column.is-offset-one-third-mobile { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-mobile { + margin-left: 25%; + } + .column.is-offset-one-fifth-mobile { + margin-left: 20%; + } + .column.is-offset-two-fifths-mobile { + margin-left: 40%; + } + .column.is-offset-three-fifths-mobile { + margin-left: 60%; + } + .column.is-offset-four-fifths-mobile { + margin-left: 80%; + } + .column.is-1-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-mobile { + margin-left: 8.33333%; + } + .column.is-2-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-mobile { + margin-left: 16.66667%; + } + .column.is-3-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-mobile { + margin-left: 25%; + } + .column.is-4-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-mobile { + margin-left: 33.33333%; + } + .column.is-5-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-mobile { + margin-left: 41.66667%; + } + .column.is-6-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-mobile { + margin-left: 50%; + } + .column.is-7-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-mobile { + margin-left: 58.33333%; + } + .column.is-8-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-mobile { + margin-left: 66.66667%; + } + .column.is-9-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-mobile { + margin-left: 75%; + } + .column.is-10-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-mobile { + margin-left: 83.33333%; + } + .column.is-11-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-mobile { + margin-left: 91.66667%; + } + .column.is-12-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-mobile { + margin-left: 100%; + } +} + +@media screen and (min-width: 769px), print { + .column.is-narrow, .column.is-narrow-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full, .column.is-full-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters, .column.is-three-quarters-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds, .column.is-two-thirds-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half, .column.is-half-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third, .column.is-one-third-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter, .column.is-one-quarter-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-one-fifth, .column.is-one-fifth-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 20%; + } + .column.is-two-fifths, .column.is-two-fifths-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 40%; + } + .column.is-three-fifths, .column.is-three-fifths-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 60%; + } + .column.is-four-fifths, .column.is-four-fifths-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 80%; + } + .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { + margin-left: 75%; + } + .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { + margin-left: 66.6666%; + } + .column.is-offset-half, .column.is-offset-half-tablet { + margin-left: 50%; + } + .column.is-offset-one-third, .column.is-offset-one-third-tablet { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { + margin-left: 25%; + } + .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet { + margin-left: 20%; + } + .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet { + margin-left: 40%; + } + .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet { + margin-left: 60%; + } + .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { + margin-left: 80%; + } + .column.is-1, .column.is-1-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1, .column.is-offset-1-tablet { + margin-left: 8.33333%; + } + .column.is-2, .column.is-2-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2, .column.is-offset-2-tablet { + margin-left: 16.66667%; + } + .column.is-3, .column.is-3-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3, .column.is-offset-3-tablet { + margin-left: 25%; + } + .column.is-4, .column.is-4-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4, .column.is-offset-4-tablet { + margin-left: 33.33333%; + } + .column.is-5, .column.is-5-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5, .column.is-offset-5-tablet { + margin-left: 41.66667%; + } + .column.is-6, .column.is-6-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6, .column.is-offset-6-tablet { + margin-left: 50%; + } + .column.is-7, .column.is-7-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7, .column.is-offset-7-tablet { + margin-left: 58.33333%; + } + .column.is-8, .column.is-8-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8, .column.is-offset-8-tablet { + margin-left: 66.66667%; + } + .column.is-9, .column.is-9-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9, .column.is-offset-9-tablet { + margin-left: 75%; + } + .column.is-10, .column.is-10-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10, .column.is-offset-10-tablet { + margin-left: 83.33333%; + } + .column.is-11, .column.is-11-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11, .column.is-offset-11-tablet { + margin-left: 91.66667%; + } + .column.is-12, .column.is-12-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12, .column.is-offset-12-tablet { + margin-left: 100%; + } +} + +@media screen and (max-width: 1023px) { + .column.is-narrow-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-one-fifth-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 20%; + } + .column.is-two-fifths-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 40%; + } + .column.is-three-fifths-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 60%; + } + .column.is-four-fifths-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-touch { + margin-left: 75%; + } + .column.is-offset-two-thirds-touch { + margin-left: 66.6666%; + } + .column.is-offset-half-touch { + margin-left: 50%; + } + .column.is-offset-one-third-touch { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-touch { + margin-left: 25%; + } + .column.is-offset-one-fifth-touch { + margin-left: 20%; + } + .column.is-offset-two-fifths-touch { + margin-left: 40%; + } + .column.is-offset-three-fifths-touch { + margin-left: 60%; + } + .column.is-offset-four-fifths-touch { + margin-left: 80%; + } + .column.is-1-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-touch { + margin-left: 8.33333%; + } + .column.is-2-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-touch { + margin-left: 16.66667%; + } + .column.is-3-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-touch { + margin-left: 25%; + } + .column.is-4-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-touch { + margin-left: 33.33333%; + } + .column.is-5-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-touch { + margin-left: 41.66667%; + } + .column.is-6-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-touch { + margin-left: 50%; + } + .column.is-7-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-touch { + margin-left: 58.33333%; + } + .column.is-8-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-touch { + margin-left: 66.66667%; + } + .column.is-9-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-touch { + margin-left: 75%; + } + .column.is-10-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-touch { + margin-left: 83.33333%; + } + .column.is-11-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-touch { + margin-left: 91.66667%; + } + .column.is-12-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-touch { + margin-left: 100%; + } +} + +@media screen and (min-width: 1024px) { + .column.is-narrow-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-one-fifth-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 20%; + } + .column.is-two-fifths-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 40%; + } + .column.is-three-fifths-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 60%; + } + .column.is-four-fifths-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-desktop { + margin-left: 75%; + } + .column.is-offset-two-thirds-desktop { + margin-left: 66.6666%; + } + .column.is-offset-half-desktop { + margin-left: 50%; + } + .column.is-offset-one-third-desktop { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-desktop { + margin-left: 25%; + } + .column.is-offset-one-fifth-desktop { + margin-left: 20%; + } + .column.is-offset-two-fifths-desktop { + margin-left: 40%; + } + .column.is-offset-three-fifths-desktop { + margin-left: 60%; + } + .column.is-offset-four-fifths-desktop { + margin-left: 80%; + } + .column.is-1-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-desktop { + margin-left: 8.33333%; + } + .column.is-2-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-desktop { + margin-left: 16.66667%; + } + .column.is-3-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-desktop { + margin-left: 25%; + } + .column.is-4-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-desktop { + margin-left: 33.33333%; + } + .column.is-5-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-desktop { + margin-left: 41.66667%; + } + .column.is-6-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-desktop { + margin-left: 50%; + } + .column.is-7-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-desktop { + margin-left: 58.33333%; + } + .column.is-8-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-desktop { + margin-left: 66.66667%; + } + .column.is-9-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-desktop { + margin-left: 75%; + } + .column.is-10-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-desktop { + margin-left: 83.33333%; + } + .column.is-11-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-desktop { + margin-left: 91.66667%; + } + .column.is-12-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-desktop { + margin-left: 100%; + } +} + +@media screen and (min-width: 1216px) { + .column.is-narrow-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-one-fifth-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 20%; + } + .column.is-two-fifths-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 40%; + } + .column.is-three-fifths-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 60%; + } + .column.is-four-fifths-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-widescreen { + margin-left: 75%; + } + .column.is-offset-two-thirds-widescreen { + margin-left: 66.6666%; + } + .column.is-offset-half-widescreen { + margin-left: 50%; + } + .column.is-offset-one-third-widescreen { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-widescreen { + margin-left: 25%; + } + .column.is-offset-one-fifth-widescreen { + margin-left: 20%; + } + .column.is-offset-two-fifths-widescreen { + margin-left: 40%; + } + .column.is-offset-three-fifths-widescreen { + margin-left: 60%; + } + .column.is-offset-four-fifths-widescreen { + margin-left: 80%; + } + .column.is-1-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-widescreen { + margin-left: 8.33333%; + } + .column.is-2-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-widescreen { + margin-left: 16.66667%; + } + .column.is-3-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-widescreen { + margin-left: 25%; + } + .column.is-4-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-widescreen { + margin-left: 33.33333%; + } + .column.is-5-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-widescreen { + margin-left: 41.66667%; + } + .column.is-6-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-widescreen { + margin-left: 50%; + } + .column.is-7-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-widescreen { + margin-left: 58.33333%; + } + .column.is-8-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-widescreen { + margin-left: 66.66667%; + } + .column.is-9-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-widescreen { + margin-left: 75%; + } + .column.is-10-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-widescreen { + margin-left: 83.33333%; + } + .column.is-11-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-widescreen { + margin-left: 91.66667%; + } + .column.is-12-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-widescreen { + margin-left: 100%; + } +} + +@media screen and (min-width: 1408px) { + .column.is-narrow-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-one-fifth-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 20%; + } + .column.is-two-fifths-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 40%; + } + .column.is-three-fifths-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 60%; + } + .column.is-four-fifths-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-fullhd { + margin-left: 75%; + } + .column.is-offset-two-thirds-fullhd { + margin-left: 66.6666%; + } + .column.is-offset-half-fullhd { + margin-left: 50%; + } + .column.is-offset-one-third-fullhd { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-fullhd { + margin-left: 25%; + } + .column.is-offset-one-fifth-fullhd { + margin-left: 20%; + } + .column.is-offset-two-fifths-fullhd { + margin-left: 40%; + } + .column.is-offset-three-fifths-fullhd { + margin-left: 60%; + } + .column.is-offset-four-fifths-fullhd { + margin-left: 80%; + } + .column.is-1-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-fullhd { + margin-left: 8.33333%; + } + .column.is-2-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-fullhd { + margin-left: 16.66667%; + } + .column.is-3-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-fullhd { + margin-left: 25%; + } + .column.is-4-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-fullhd { + margin-left: 33.33333%; + } + .column.is-5-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-fullhd { + margin-left: 41.66667%; + } + .column.is-6-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-fullhd { + margin-left: 50%; + } + .column.is-7-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-fullhd { + margin-left: 58.33333%; + } + .column.is-8-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-fullhd { + margin-left: 66.66667%; + } + .column.is-9-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-fullhd { + margin-left: 75%; + } + .column.is-10-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-fullhd { + margin-left: 83.33333%; + } + .column.is-11-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-fullhd { + margin-left: 91.66667%; + } + .column.is-12-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-fullhd { + margin-left: 100%; + } +} + +.columns { + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; +} + +.columns:last-child { + margin-bottom: -0.75rem; +} + +.columns:not(:last-child) { + margin-bottom: calc(1.5rem - 0.75rem); +} + +.columns.is-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.columns.is-gapless { + margin-left: 0; + margin-right: 0; + margin-top: 0; +} + +.columns.is-gapless > .column { + margin: 0; + padding: 0 !important; +} + +.columns.is-gapless:not(:last-child) { + margin-bottom: 1.5rem; +} + +.columns.is-gapless:last-child { + margin-bottom: 0; +} + +.columns.is-mobile { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.columns.is-multiline { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.columns.is-vcentered { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +@media screen and (min-width: 769px), print { + .columns:not(.is-desktop) { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +@media screen and (min-width: 1024px) { + .columns.is-desktop { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.columns.is-variable { + --columnGap: 0.75rem; + margin-left: calc(-1 * var(--columnGap)); + margin-right: calc(-1 * var(--columnGap)); +} + +.columns.is-variable .column { + padding-left: var(--columnGap); + padding-right: var(--columnGap); +} + +.columns.is-variable.is-0 { + --columnGap: 0rem; +} + +.columns.is-variable.is-1 { + --columnGap: 0.25rem; +} + +.columns.is-variable.is-2 { + --columnGap: 0.5rem; +} + +.columns.is-variable.is-3 { + --columnGap: 0.75rem; +} + +.columns.is-variable.is-4 { + --columnGap: 1rem; +} + +.columns.is-variable.is-5 { + --columnGap: 1.25rem; +} + +.columns.is-variable.is-6 { + --columnGap: 1.5rem; +} + +.columns.is-variable.is-7 { + --columnGap: 1.75rem; +} + +.columns.is-variable.is-8 { + --columnGap: 2rem; +} + +.tile { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: block; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-height: -webkit-min-content; + min-height: -moz-min-content; + min-height: min-content; +} + +.tile.is-ancestor { + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; +} + +.tile.is-ancestor:last-child { + margin-bottom: -0.75rem; +} + +.tile.is-ancestor:not(:last-child) { + margin-bottom: 0.75rem; +} + +.tile.is-child { + margin: 0 !important; +} + +.tile.is-parent { + padding: 0.75rem; +} + +.tile.is-vertical { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.tile.is-vertical > .tile.is-child:not(:last-child) { + margin-bottom: 1.5rem !important; +} + +@media screen and (min-width: 769px), print { + .tile:not(.is-child) { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .tile.is-1 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .tile.is-2 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .tile.is-3 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .tile.is-4 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .tile.is-5 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .tile.is-6 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .tile.is-7 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .tile.is-8 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .tile.is-9 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .tile.is-10 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .tile.is-11 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .tile.is-12 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } +} + +.hero { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.hero .navbar { + background: none; +} + +.hero .tabs ul { + border-bottom: none; +} + +.hero.is-white { + background-color: white; + color: #0a0a0a; +} + +.hero.is-white a:not(.button):not(.dropdown-item):not(.tag), +.hero.is-white strong { + color: inherit; +} + +.hero.is-white .title { + color: #0a0a0a; +} + +.hero.is-white .subtitle { + color: rgba(10, 10, 10, 0.9); +} + +.hero.is-white .subtitle a:not(.button), +.hero.is-white .subtitle strong { + color: #0a0a0a; +} + +@media screen and (max-width: 1023px) { + .hero.is-white .navbar-menu { + background-color: white; + } +} + +.hero.is-white .navbar-item, +.hero.is-white .navbar-link { + color: rgba(10, 10, 10, 0.7); +} + +.hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active, +.hero.is-white .navbar-link:hover, +.hero.is-white .navbar-link.is-active { + background-color: #f2f2f2; + color: #0a0a0a; +} + +.hero.is-white .tabs a { + color: #0a0a0a; + opacity: 0.9; +} + +.hero.is-white .tabs a:hover { + opacity: 1; +} + +.hero.is-white .tabs li.is-active a { + opacity: 1; +} + +.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a { + color: #0a0a0a; +} + +.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: white; +} + +.hero.is-white.is-bold { + background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-white.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); + } +} + +.hero.is-black { + background-color: #0a0a0a; + color: white; +} + +.hero.is-black a:not(.button):not(.dropdown-item):not(.tag), +.hero.is-black strong { + color: inherit; +} + +.hero.is-black .title { + color: white; +} + +.hero.is-black .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-black .subtitle a:not(.button), +.hero.is-black .subtitle strong { + color: white; +} + +@media screen and (max-width: 1023px) { + .hero.is-black .navbar-menu { + background-color: #0a0a0a; + } +} + +.hero.is-black .navbar-item, +.hero.is-black .navbar-link { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active, +.hero.is-black .navbar-link:hover, +.hero.is-black .navbar-link.is-active { + background-color: black; + color: white; +} + +.hero.is-black .tabs a { + color: white; + opacity: 0.9; +} + +.hero.is-black .tabs a:hover { + opacity: 1; +} + +.hero.is-black .tabs li.is-active a { + opacity: 1; +} + +.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a { + color: white; +} + +.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover { + background-color: white; + border-color: white; + color: #0a0a0a; +} + +.hero.is-black.is-bold { + background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-black.is-bold .navbar-menu { + background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); + } +} + +.hero.is-light { + background-color: whitesmoke; + color: #363636; +} + +.hero.is-light a:not(.button):not(.dropdown-item):not(.tag), +.hero.is-light strong { + color: inherit; +} + +.hero.is-light .title { + color: #363636; +} + +.hero.is-light .subtitle { + color: rgba(54, 54, 54, 0.9); +} + +.hero.is-light .subtitle a:not(.button), +.hero.is-light .subtitle strong { + color: #363636; +} + +@media screen and (max-width: 1023px) { + .hero.is-light .navbar-menu { + background-color: whitesmoke; + } +} + +.hero.is-light .navbar-item, +.hero.is-light .navbar-link { + color: rgba(54, 54, 54, 0.7); +} + +.hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active, +.hero.is-light .navbar-link:hover, +.hero.is-light .navbar-link.is-active { + background-color: #e8e8e8; + color: #363636; +} + +.hero.is-light .tabs a { + color: #363636; + opacity: 0.9; +} + +.hero.is-light .tabs a:hover { + opacity: 1; +} + +.hero.is-light .tabs li.is-active a { + opacity: 1; +} + +.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a { + color: #363636; +} + +.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover { + background-color: #363636; + border-color: #363636; + color: whitesmoke; +} + +.hero.is-light.is-bold { + background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-light.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); + } +} + +.hero.is-dark { + background-color: #363636; + color: whitesmoke; +} + +.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag), +.hero.is-dark strong { + color: inherit; +} + +.hero.is-dark .title { + color: whitesmoke; +} + +.hero.is-dark .subtitle { + color: rgba(245, 245, 245, 0.9); +} + +.hero.is-dark .subtitle a:not(.button), +.hero.is-dark .subtitle strong { + color: whitesmoke; +} + +@media screen and (max-width: 1023px) { + .hero.is-dark .navbar-menu { + background-color: #363636; + } +} + +.hero.is-dark .navbar-item, +.hero.is-dark .navbar-link { + color: rgba(245, 245, 245, 0.7); +} + +.hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active, +.hero.is-dark .navbar-link:hover, +.hero.is-dark .navbar-link.is-active { + background-color: #292929; + color: whitesmoke; +} + +.hero.is-dark .tabs a { + color: whitesmoke; + opacity: 0.9; +} + +.hero.is-dark .tabs a:hover { + opacity: 1; +} + +.hero.is-dark .tabs li.is-active a { + opacity: 1; +} + +.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a { + color: whitesmoke; +} + +.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover { + background-color: whitesmoke; + border-color: whitesmoke; + color: #363636; +} + +.hero.is-dark.is-bold { + background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); + } +} + +.hero.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag), +.hero.is-primary strong { + color: inherit; +} + +.hero.is-primary .title { + color: #fff; +} + +.hero.is-primary .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-primary .subtitle a:not(.button), +.hero.is-primary .subtitle strong { + color: #fff; +} + +@media screen and (max-width: 1023px) { + .hero.is-primary .navbar-menu { + background-color: #00d1b2; + } +} + +.hero.is-primary .navbar-item, +.hero.is-primary .navbar-link { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active, +.hero.is-primary .navbar-link:hover, +.hero.is-primary .navbar-link.is-active { + background-color: #00b89c; + color: #fff; +} + +.hero.is-primary .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-primary .tabs a:hover { + opacity: 1; +} + +.hero.is-primary .tabs li.is-active a { + opacity: 1; +} + +.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { + color: #fff; +} + +.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #00d1b2; +} + +.hero.is-primary.is-bold { + background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-primary.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); + } +} + +.hero.is-link { + background-color: #3273dc; + color: #fff; +} + +.hero.is-link a:not(.button):not(.dropdown-item):not(.tag), +.hero.is-link strong { + color: inherit; +} + +.hero.is-link .title { + color: #fff; +} + +.hero.is-link .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-link .subtitle a:not(.button), +.hero.is-link .subtitle strong { + color: #fff; +} + +@media screen and (max-width: 1023px) { + .hero.is-link .navbar-menu { + background-color: #3273dc; + } +} + +.hero.is-link .navbar-item, +.hero.is-link .navbar-link { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active, +.hero.is-link .navbar-link:hover, +.hero.is-link .navbar-link.is-active { + background-color: #2366d1; + color: #fff; +} + +.hero.is-link .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-link .tabs a:hover { + opacity: 1; +} + +.hero.is-link .tabs li.is-active a { + opacity: 1; +} + +.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a { + color: #fff; +} + +.hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #3273dc; +} + +.hero.is-link.is-bold { + background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-link.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); + } +} + +.hero.is-info { + background-color: #209cee; + color: #fff; +} + +.hero.is-info a:not(.button):not(.dropdown-item):not(.tag), +.hero.is-info strong { + color: inherit; +} + +.hero.is-info .title { + color: #fff; +} + +.hero.is-info .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-info .subtitle a:not(.button), +.hero.is-info .subtitle strong { + color: #fff; +} + +@media screen and (max-width: 1023px) { + .hero.is-info .navbar-menu { + background-color: #209cee; + } +} + +.hero.is-info .navbar-item, +.hero.is-info .navbar-link { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active, +.hero.is-info .navbar-link:hover, +.hero.is-info .navbar-link.is-active { + background-color: #118fe4; + color: #fff; +} + +.hero.is-info .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-info .tabs a:hover { + opacity: 1; +} + +.hero.is-info .tabs li.is-active a { + opacity: 1; +} + +.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a { + color: #fff; +} + +.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #209cee; +} + +.hero.is-info.is-bold { + background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-info.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); + } +} + +.hero.is-success { + background-color: #23d160; + color: #fff; +} + +.hero.is-success a:not(.button):not(.dropdown-item):not(.tag), +.hero.is-success strong { + color: inherit; +} + +.hero.is-success .title { + color: #fff; +} + +.hero.is-success .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-success .subtitle a:not(.button), +.hero.is-success .subtitle strong { + color: #fff; +} + +@media screen and (max-width: 1023px) { + .hero.is-success .navbar-menu { + background-color: #23d160; + } +} + +.hero.is-success .navbar-item, +.hero.is-success .navbar-link { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active, +.hero.is-success .navbar-link:hover, +.hero.is-success .navbar-link.is-active { + background-color: #20bc56; + color: #fff; +} + +.hero.is-success .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-success .tabs a:hover { + opacity: 1; +} + +.hero.is-success .tabs li.is-active a { + opacity: 1; +} + +.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a { + color: #fff; +} + +.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #23d160; +} + +.hero.is-success.is-bold { + background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-success.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); + } +} + +.hero.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag), +.hero.is-warning strong { + color: inherit; +} + +.hero.is-warning .title { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning .subtitle { + color: rgba(0, 0, 0, 0.9); +} + +.hero.is-warning .subtitle a:not(.button), +.hero.is-warning .subtitle strong { + color: rgba(0, 0, 0, 0.7); +} + +@media screen and (max-width: 1023px) { + .hero.is-warning .navbar-menu { + background-color: #ffdd57; + } +} + +.hero.is-warning .navbar-item, +.hero.is-warning .navbar-link { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active, +.hero.is-warning .navbar-link:hover, +.hero.is-warning .navbar-link.is-active { + background-color: #ffd83d; + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning .tabs a { + color: rgba(0, 0, 0, 0.7); + opacity: 0.9; +} + +.hero.is-warning .tabs a:hover { + opacity: 1; +} + +.hero.is-warning .tabs li.is-active a { + opacity: 1; +} + +.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover { + background-color: rgba(0, 0, 0, 0.7); + border-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; +} + +.hero.is-warning.is-bold { + background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-warning.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); + } +} + +.hero.is-danger { + background-color: #ff3860; + color: #fff; +} + +.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag), +.hero.is-danger strong { + color: inherit; +} + +.hero.is-danger .title { + color: #fff; +} + +.hero.is-danger .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-danger .subtitle a:not(.button), +.hero.is-danger .subtitle strong { + color: #fff; +} + +@media screen and (max-width: 1023px) { + .hero.is-danger .navbar-menu { + background-color: #ff3860; + } +} + +.hero.is-danger .navbar-item, +.hero.is-danger .navbar-link { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active, +.hero.is-danger .navbar-link:hover, +.hero.is-danger .navbar-link.is-active { + background-color: #ff1f4b; + color: #fff; +} + +.hero.is-danger .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-danger .tabs a:hover { + opacity: 1; +} + +.hero.is-danger .tabs li.is-active a { + opacity: 1; +} + +.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a { + color: #fff; +} + +.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #ff3860; +} + +.hero.is-danger.is-bold { + background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-danger.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); + } +} + +.hero.is-small .hero-body { + padding-bottom: 1.5rem; + padding-top: 1.5rem; +} + +@media screen and (min-width: 769px), print { + .hero.is-medium .hero-body { + padding-bottom: 9rem; + padding-top: 9rem; + } +} + +@media screen and (min-width: 769px), print { + .hero.is-large .hero-body { + padding-bottom: 18rem; + padding-top: 18rem; + } +} + +.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.hero.is-halfheight { + min-height: 50vh; +} + +.hero.is-fullheight { + min-height: 100vh; +} + +.hero-video { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + overflow: hidden; +} + +.hero-video video { + left: 50%; + min-height: 100%; + min-width: 100%; + position: absolute; + top: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} + +.hero-video.is-transparent { + opacity: 0.3; +} + +@media screen and (max-width: 768px) { + .hero-video { + display: none; + } +} + +.hero-buttons { + margin-top: 1.5rem; +} + +@media screen and (max-width: 768px) { + .hero-buttons .button { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .hero-buttons .button:not(:last-child) { + margin-bottom: 0.75rem; + } +} + +@media screen and (min-width: 769px), print { + .hero-buttons { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + } + .hero-buttons .button:not(:last-child) { + margin-right: 1.5rem; + } +} + +.hero-head, +.hero-foot { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.hero-body { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + padding: 3rem 1.5rem; +} + +.section { + padding: 3rem 1.5rem; +} + +@media screen and (min-width: 1024px) { + .section.is-medium { + padding: 9rem 1.5rem; + } + .section.is-large { + padding: 18rem 1.5rem; + } +} + +.footer { + background-color: whitesmoke; + padding: 3rem 1.5rem 6rem; +} +/*# sourceMappingURL=bulma.css.map */ \ No newline at end of file diff --git a/lib/card/test/example/_theme/css/bulma.css.map b/lib/card/test/example/_theme/css/bulma.css.map new file mode 100644 index 0000000..52d6ee0 --- /dev/null +++ b/lib/card/test/example/_theme/css/bulma.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../bulma.sass","../sass/utilities/animations.sass","bulma.css","../sass/base/minireset.sass","../sass/base/generic.sass","../sass/utilities/initial-variables.sass","../sass/utilities/mixins.sass","../sass/base/helpers.sass","../sass/elements/box.sass","../sass/elements/button.sass","../sass/utilities/controls.sass","../sass/utilities/functions.sass","../sass/elements/container.sass","../sass/elements/content.sass","../sass/elements/form.sass","../sass/elements/icon.sass","../sass/elements/image.sass","../sass/elements/notification.sass","../sass/elements/progress.sass","../sass/elements/table.sass","../sass/elements/tag.sass","../sass/elements/title.sass","../sass/elements/other.sass","../sass/components/breadcrumb.sass","../sass/components/card.sass","../sass/components/dropdown.sass","../sass/components/level.sass","../sass/components/media.sass","../sass/components/menu.sass","../sass/components/message.sass","../sass/components/modal.sass","../sass/components/navbar.sass","../sass/components/pagination.sass","../sass/components/panel.sass","../sass/components/tabs.sass","../sass/grid/columns.sass","../sass/grid/tiles.sass","../sass/layout/hero.sass","../sass/layout/section.sass","../sass/layout/footer.sass"],"names":[],"mappings":"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I;;AA7BnC;EAyBQ,0Bb1BqB;Ca0BM;;AAzBnC;EA2BQ,0Bb5BqB;Ca4BM;;AA3BnC;EA6BQ,0Bb9BqB;Ca8BM;;AA7BnC;EAyBQ,6BbhBsB;CagBK;;AAzBnC;EA2BQ,6BblBsB;CakBK;;AA3BnC;EA6BQ,6BbpBsB;CaoBK;;AA7BnC;EAyBQ,0BbtBsB;CasBK;;AAzBnC;EA2BQ,0BbxBsB;CawBK;;AA3BnC;EA6BQ,0Bb1BsB;Ca0BK;;AA7BnC;EAyBQ,0BbT0B;CaSC;;AAzBnC;EA2BQ,0BbX0B;CaWC;;AA3BnC;EA6BQ,0Bbb0B;CaaC;;AA7BnC;EAyBQ,0BbP0B;CaOC;;AAzBnC;EA2BQ,0BbT0B;CaSC;;AA3BnC;EA6BQ,0BbX0B;CaWC;;AA7BnC;EAyBQ,0BbR0B;CaQC;;AAzBnC;EA2BQ,0BbV0B;CaUC;;AA3BnC;EA6BQ,0BbZ0B;CaYC;;AA7BnC;EAyBQ,0BbV0B;CaUC;;AAzBnC;EA2BQ,0BbZ0B;CaYC;;AA3BnC;EA6BQ,0Bbd0B;CacC;;AA7BnC;EAyBQ,0BbX0B;CaWC;;AAzBnC;EA2BQ,0Bbb0B;CaaC;;AA3BnC;EA6BQ,0Bbf0B;CaeC;;AA7BnC;EAyBQ,0BbL0B;CaKC;;AAzBnC;EA2BQ,0BbP0B;CaOC;;AA3BnC;EA6BQ,0BbT0B;CaSC;;AA7BnC;EAgCI,gBbEY;CaFU;;AAhC1B;EAkCI,gBbFY;CaEW;;AAlC3B;EAoCI,ebLW;CaKW;;AClB1B;EACE,wBdR6B;EcS7B,edjB4B;EckB5B,sBAAqB;CAqFwD;;AAxF/E;;EAMI,0BdjB0B;EckB1B,sBAxB6B;EAyB7B,sBAxB6B;EAyB7B,oBAAmB;CAkBY;;AA3BnC;;EAeQ,wBdtBuB;EcuBvB,oBdvBuB;EcwBvB,edpCqB;CcoCE;;AAjB/B;;EAeQ,0BdlCqB;EcmCrB,sBdnCqB;EcoCrB,adxBuB;CcwBA;;AAjB/B;;EAeQ,6BdxBsB;EcyBtB,yBdzBsB;Ec0BtB,edhCsB;CcgCC;;AAjB/B;;EAeQ,0Bd9BsB;Ec+BtB,sBd/BsB;EcgCtB,kBd1BsB;Cc0BC;;AAjB/B;;EAeQ,0BdjB0B;EckB1B,sBdlB0B;EcmB1B,YRXQ;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BsDvB,a1B1CyB;C0B+Ec;;AA9C7C;;EAaU,a1B9CqB;C0B8CE;;AAbjC;;;EAkBY,wBAAoC;EACpC,a1BpDmB;C0BoDI;;AAnBnC;EAsBY,oB1BvDmB;C0BuDW;;AzBwIxC;EyB9JF;;;;IA4BY,a1B7DmB;G0B6DI;EA5BnC;;;;;;;IAiCc,wBAAoC;IACpC,a1BnEiB;G0BmEM;EAlCrC;;IAqCc,oB1BtEiB;G0BsEa;EArC5C;;IAwCU,wBAAoC;IACpC,a1B1EqB;G0B0EE;EAzCjC;IA6Cc,0B1B1Fe;I0B2Ff,a1B/EiB;G0B+EM;C7B22LpC;;A6Bz5LD;EAQM,6B1B3CwB;E0B4CxB,e1BlDwB;C0BuFe;;AA9C7C;;EAaU,e1BtDoB;C0BsDG;;AAbjC;;;EAkBY,0BAAoC;EACpC,e1B5DkB;C0B4DK;;AAnBnC;EAsBY,sB1B/DkB;C0B+DY;;AzBwIxC;EyB9JF;;;;IA4BY,e1BrEkB;G0BqEK;EA5BnC;;;;;;;IAiCc,0BAAoC;IACpC,e1B3EgB;G0B2EO;EAlCrC;;IAqCc,sB1B9EgB;G0B8Ec;EArC5C;;IAwCU,0BAAoC;IACpC,e1BlFoB;G0BkFG;EAzCjC;IA6Cc,6B1BhFgB;I0BiFhB,e1BvFgB;G0BuFO;C7Bg6LpC;;A6B98LD;EAQM,0B1BjDwB;E0BkDxB,kB1B5CwB;C0BiFe;;AA9C7C;;EAaU,kB1BhDoB;C0BgDG;;AAbjC;;;EAkBY,0BAAoC;EACpC,kB1BtDkB;C0BsDK;;AAnBnC;EAsBY,yB1BzDkB;C0ByDY;;AzBwIxC;EyB9JF;;;;IA4BY,kB1B/DkB;G0B+DK;EA5BnC;;;;;;;IAiCc,0BAAoC;IACpC,kB1BrEgB;G0BqEO;EAlCrC;;IAqCc,yB1BxEgB;G0BwEc;EArC5C;;IAwCU,0BAAoC;IACpC,kB1B5EoB;G0B4EG;EAzCjC;IA6Cc,0B1BtFgB;I0BuFhB,kB1BjFgB;G0BiFO;C7Bq9LpC;;A6BngMD;EAQM,0B1BpC4B;E0BqC5B,YpB7BU;CoBkE6B;;AA9C7C;;EAaU,YpBjCM;CoBiCiB;;AAbjC;;;EAkBY,0BAAoC;EACpC,YpBvCI;CoBuCmB;;AAnBnC;EAsBY,mBpB1CI;CoB0C0B;;AzBwIxC;EyB9JF;;;;IA4BY,YpBhDI;GoBgDmB;EA5BnC;;;;;;;IAiCc,0BAAoC;IACpC,YpBtDE;GoBsDqB;EAlCrC;;IAqCc,mBpBzDE;GoByD4B;EArC5C;;IAwCU,0BAAoC;IACpC,YpB7DM;GoB6DiB;EAzCjC;IA6Cc,0B1BzEoB;I0B0EpB,YpBlEE;GoBkEqB;C7B0gMpC;;A6BxjMD;EAQM,0B1BlC4B;E0BmC5B,YpB7BU;CoBkE6B;;AA9C7C;;EAaU,YpBjCM;CoBiCiB;;AAbjC;;;EAkBY,0BAAoC;EACpC,YpBvCI;CoBuCmB;;AAnBnC;EAsBY,mBpB1CI;CoB0C0B;;AzBwIxC;EyB9JF;;;;IA4BY,YpBhDI;GoBgDmB;EA5BnC;;;;;;;IAiCc,0BAAoC;IACpC,YpBtDE;GoBsDqB;EAlCrC;;IAqCc,mBpBzDE;GoByD4B;EArC5C;;IAwCU,0BAAoC;IACpC,YpB7DM;GoB6DiB;EAzCjC;IA6Cc,0B1BvEoB;I0BwEpB,YpBlEE;GoBkEqB;C7B+jMpC;;A6B7mMD;EAQM,0B1BnC4B;E0BoC5B,YpB7BU;CoBkE6B;;AA9C7C;;EAaU,YpBjCM;CoBiCiB;;AAbjC;;;EAkBY,0BAAoC;EACpC,YpBvCI;CoBuCmB;;AAnBnC;EAsBY,mBpB1CI;CoB0C0B;;AzBwIxC;EyB9JF;;;;IA4BY,YpBhDI;GoBgDmB;EA5BnC;;;;;;;IAiCc,0BAAoC;IACpC,YpBtDE;GoBsDqB;EAlCrC;;IAqCc,mBpBzDE;GoByD4B;EArC5C;;IAwCU,0BAAoC;IACpC,YpB7DM;GoB6DiB;EAzCjC;IA6Cc,0B1BxEoB;I0ByEpB,YpBlEE;GoBkEqB;C7BonMpC;;A6BlqMD;EAQM,0B1BrC4B;E0BsC5B,YpB7BU;CoBkE6B;;AA9C7C;;EAaU,YpBjCM;CoBiCiB;;AAbjC;;;EAkBY,0BAAoC;EACpC,YpBvCI;CoBuCmB;;AAnBnC;EAsBY,mBpB1CI;CoB0C0B;;AzBwIxC;EyB9JF;;;;IA4BY,YpBhDI;GoBgDmB;EA5BnC;;;;;;;IAiCc,0BAAoC;IACpC,YpBtDE;GoBsDqB;EAlCrC;;IAqCc,mBpBz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","file":"bulma.css"} \ No newline at end of file diff --git a/lib/card/test/example/_theme/css/bundle.css b/lib/card/test/example/_theme/css/bundle.css new file mode 100644 index 0000000..8684419 --- /dev/null +++ b/lib/card/test/example/_theme/css/bundle.css @@ -0,0 +1,1241 @@ +/* Color */ +/* Font Properties */ +/* Spacing */ +/* Borders */ +/* Shadows */ +/* +$context: "../../../../../.."; +$white: #FEFEFE; +$shady-white: rgb(240, 240, 240); +$gray: #CCC; +$dark: #333; +$black: #222; + +$small-edge-radius: 3px; +$big-edge-radius: 10px; + +$small-pad: 16px; +$big-pad: 32px; +$tuebingen-red: #e73230; + +$increased-letter-spacing: 0.1em; + + + + + +$font-color: $black; + + + +$text-font-size: 26px; +$medium-font-size: 28px; +$large-font-size: 32px; + +$regular-font-size: 1.451rem; + + +$subtitle-font-size: $medium-font-size; +$title-font-size: $subtitle-font-size * 1.641; + +/* Font Weights */ +/* +$strong-font-weight: 700; +$medium-font-weight: 500; +$light-font-weight: 300; + +*/ +/** + The essential.scss defines proerties that + are essential for the basic features of an + info card and are completely +*/ +.unselectable { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.info-card { + position: absolute; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.zoomable-wrapper { + display: inline-block; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; + font-size: 0; +} + +.zoomable-wrapper figure { + display: inline-block; +} + +.zoomable-wrapper figcaption { + font-size: initial; +} + +.zoomable-wrapper > figure > div { + height: 100%; +} + +.zoomable-wrapper svg { + overflow: visible; + width: 100%; + height: 100%; +} + +div { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +/* + If any default style by the browser or + certain plugins (e.g. Bulma) needs to be overwritten, + this can be done in this file. +*/ +/* Remove the negative margin from Bulma's columns. */ +.columns { + margin: 0 !important; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { + color: unset; +} + +.content:not(:last-child) { + margin-bottom: 0; +} + +.button { + border-color: unset; + border: unset; + border-radius: unset; +} + +.button:active, .button:hover { + border-color: unset; +} + +.icon { + width: unset; + height: unset; +} + +/* Color */ +/* Font Properties */ +/* Spacing */ +/* Borders */ +/* Shadows */ +/* +$context: "../../../../../.."; +$white: #FEFEFE; +$shady-white: rgb(240, 240, 240); +$gray: #CCC; +$dark: #333; +$black: #222; + +$small-edge-radius: 3px; +$big-edge-radius: 10px; + +$small-pad: 16px; +$big-pad: 32px; +$tuebingen-red: #e73230; + +$increased-letter-spacing: 0.1em; + + + + + +$font-color: $black; + + + +$text-font-size: 26px; +$medium-font-size: 28px; +$large-font-size: 32px; + +$regular-font-size: 1.451rem; + + +$subtitle-font-size: $medium-font-size; +$title-font-size: $subtitle-font-size * 1.641; + +/* Font Weights */ +/* +$strong-font-weight: 700; +$medium-font-weight: 500; +$light-font-weight: 300; + +*/ +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: url(../fonts/material-icon-font/MaterialIcons-Regular.eot); + /* For IE6-8 */ + src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/material-icon-font/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/material-icon-font/MaterialIcons-Regular.woff) format("woff"), url(../fonts/material-icon-font/MaterialIcons-Regular.ttf) format("truetype"); +} + +.material-icons { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + /* Preferred icon size */ + display: inline-block; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; +} + +/** +* The card.scss is responsible for styling the top level of the card. +* +* + Info-Card +* ++ Header +* +++ Thubnail +* +++ Overview +* ++ Subcards-Container +* +++ n * Subcards +*/ +.info-card { + font-family: "Calibri", sans-serif; + color: white; + background-color: #333; + -webkit-box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5); + box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5); + border-radius: 3px; + /* + This mixin selects the elements of $selector + and adjust the style it there are n children of this selector + inside the parent. + */ +} + +.info-card .ui { + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + padding: 10px; + z-index: 11; + position: absolute; + top: 0; +} + +.info-card .speech { + width: 52px; + height: 52px; +} + +.info-card:before { + content: ''; + display: block; + content: ''; + position: absolute; + z-index: -1; + border-radius: 3px; + top: -8px; + left: -8px; + width: calc(100% + 16px); + height: calc(100% + 16px); + -webkit-box-shadow: 0 0 15px #008bd2; + box-shadow: 0 0 15px #008bd2; + background: repeating-linear-gradient(-45deg, #008bd2, #008bd2 20px, #33a2db 20px, #33a2db 40px); + background-size: 56px 56px; + /* This is unique for this background, need to find a pattern and develop a formula */ + background-position-x: 0%; + -webkit-animation: 'slide' 20s infinite linear forwards; + opacity: 0; + -webkit-transition: opacity 1s; + transition: opacity 1s; +} + +.info-card.speech-plugin-is-reading .speech.button:before { + content: 'stop'; +} + +.info-card.speech-plugin-is-reading:before { + opacity: 1; +} + +@-webkit-keyframes 'slide' { + 0% { + background-position-x: 0%; + } + 100% { + background-position-x: 100%; + } +} + +.info-card .img-overlay { + position: absolute; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.3); + z-index: 200; + display: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.info-card .img-overlay img { + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; +} + +@-webkit-keyframes pulse {} + +@keyframes pulse {}.info-card nav { + z-index: 200; + position: absolute; + top: 20px; + right: 20px; +} + +.info-card nav > * { + margin-right: 6.66667px; +} + +.info-card a { + color: #008bd2; +} + +.info-card a:hover { + color: #008bd2; +} + +.info-card .mainview { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + border-radius: inherit; +} + +.info-card p { + font-size: 26px; +} + +.info-card header { + height: 35%; + color: #f2f2f2; + background: -webkit-gradient(linear, left bottom, left top, from(#333333), color-stop(200%, #6f6f6e)); + background: linear-gradient(to top, #333333, #6f6f6e 200%); + padding: 60px; + padding-bottom: 20px; + border-radius: inherit; + display: -ms-grid; + display: grid; + -ms-grid-columns: 1fr 2fr; + grid-template-columns: 1fr 2fr; + grid-gap: 20px; + z-index: 1; +} + +.info-card header h1 { + -webkit-margin-before: 0; + font-size: 52px; + font-weight: 500; + margin-bottom: -2px; +} + +.info-card header .overview { + padding: 0 20px; + margin-top: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -ms-grid-column: 2; + grid-column-start: 2; +} + +.info-card header p { + font-weight: 400; +} + +.info-card header p.misc { + font-size: 26px; + font-style: italic; + font-weight: 300; + opacity: 0.5; + margin-bottom: 0.641em; +} + +.info-card .thumbnail-wrapper { + overflow: hidden; + border-radius: 3px; +} + +.info-card .thumbnail-wrapper:before { + content: ' '; + position: absolute; + width: 100%; + height: 100%; + -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8); + box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8); +} + +.info-card .thumbnail-wrapper .button { + position: absolute; + bottom: 0; + right: 0; +} + +.info-card .thumbnail { + height: 100%; + min-width: 100%; + -o-object-fit: cover; + object-fit: cover; + overflow: hidden; +} + +.info-card .subcards-container { + background-color: #333333; + height: 65%; + display: -ms-grid; + display: grid; + grid-auto-rows: 1fr; + grid-gap: 20px; + padding: 60px; + padding-top: 20px; + -ms-grid-columns: (1fr)[9]; + grid-template-columns: repeat(9, 1fr); + grid-template-areas: '. tl tl tl . tr tr tr .' '. bl bl bl . br br br .'; +} + +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(5):nth-child(4), +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(5) ~ .subcard-wrapper:nth-child(4) { + -ms-grid-row: 2; + -ms-grid-column: 2; + -ms-grid-column-span: 3; + grid-area: bl; +} + +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(5):nth-child(5), +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(5) ~ .subcard-wrapper:nth-child(5) { + -ms-grid-row: 2; + -ms-grid-column: 6; + -ms-grid-column-span: 3; + grid-area: br; +} + +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(4):first-child, +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(4) ~ .subcard-wrapper:first-child { + -ms-grid-row: 1; + -ms-grid-column: 2; + -ms-grid-column-span: 3; + grid-area: tl; +} + +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(4):nth-child(2), +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(4) ~ .subcard-wrapper:nth-child(2) { + -ms-grid-row: 1; + -ms-grid-column: 6; + -ms-grid-column-span: 3; + grid-area: tr; +} + +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(4):nth-child(3), +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(4) ~ .subcard-wrapper:nth-child(3) { + -ms-grid-row: 2; + -ms-grid-column: 2; + -ms-grid-column-span: 3; + grid-area: bl; +} + +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(4):nth-child(4), +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(4) ~ .subcard-wrapper:nth-child(4) { + -ms-grid-row: 2; + -ms-grid-column: 6; + -ms-grid-column-span: 3; + grid-area: br; +} + +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(3):first-child, +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(3) ~ .subcard-wrapper:first-child { + -ms-grid-row: 1; + -ms-grid-column: 2; + -ms-grid-column-span: 3; + grid-area: tl; +} + +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(3):nth-child(2), +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(3) ~ .subcard-wrapper:nth-child(2) { + -ms-grid-row: 1; + -ms-grid-column: 6; + -ms-grid-column-span: 3; + grid-area: tr; +} + +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(3):nth-child(3), +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(3) ~ .subcard-wrapper:nth-child(3) { + -ms-grid-row: 2; + grid-row: 2; + -ms-grid-column: 4; + -ms-grid-column-span: 3; + grid-column: 4 / 7; +} + +.info-card .subcards-container .subcard-wrapper { + padding: 0; +} + +.info-card .subcards-container > div { + width: auto; + grid-column: span 3; +} + +.card-icon, +.zoomable-icon { + position: absolute; + bottom: 0; + right: 0; +} + +.speech-only-text { + opacity: 0; + position: absolute; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + z-index: -1; +} + +figure { + position: relative; + border: 3px solid #f2f2f2; + -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); + box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); + -webkit-margin-before: 0; + -webkit-margin-after: 0; + -webkit-margin-start: 0; + -webkit-margin-end: 0; +} + +figure .icon { + position: absolute; + bottom: 0; + right: 0; + border-radius: 3px 0 0 0; +} + +.view-button.icon { + position: absolute; + bottom: 0; + right: 0; + padding: 26px 26px; + margin: -23px -13px; +} + +.view-button.icon.inverted:before { + color: #f2f2f2; +} + +.view-button.icon:before { + color: #333333; + font-size: 36px; + text-shadow: 0 0 3px rgba(0, 0, 0, 0.2); +} + +.icon { + min-width: 44px; + min-height: 44px; + color: #191919; + background-color: #f2f2f2; + pointer-events: none; +} + +.icon.button { + pointer-events: all; + border-radius: 3px; +} + +.icon.button.corner-button { + border-radius: 0; +} + +.icon.button.corner-button.bottom-right { + border-top-left-radius: 3px; +} + +.icon.inverted { + color: #f2f2f2; + background-color: #191919; +} + +.icon.transparent-background { + background-color: transparent; +} + +.icon.active { + color: #f2f2f2; + background-color: #008bd2; +} + +.icon:before { + font-family: "Material Icons"; + font-size: 36px; +} + +.icon.info:before { + content: 'info_outline'; +} + +.icon.close:before { + content: 'close'; +} + +.icon.zoom:before { + content: 'search'; +} + +.icon.speech:before { + content: 'record_voice_over'; +} + +.icon.language:before { + content: 'language'; +} + +.info-card.debug .view-button { + background-color: rgba(255, 0, 0, 0.5) !important; +} + +.info-card.debug .view-button.disabled { + -webkit-filter: grayscale(1); + filter: grayscale(1); +} + +/* Color */ +/* Font Properties */ +/* Spacing */ +/* Borders */ +/* Shadows */ +/* +$context: "../../../../../.."; +$white: #FEFEFE; +$shady-white: rgb(240, 240, 240); +$gray: #CCC; +$dark: #333; +$black: #222; + +$small-edge-radius: 3px; +$big-edge-radius: 10px; + +$small-pad: 16px; +$big-pad: 32px; +$tuebingen-red: #e73230; + +$increased-letter-spacing: 0.1em; + + + + + +$font-color: $black; + + + +$text-font-size: 26px; +$medium-font-size: 28px; +$large-font-size: 32px; + +$regular-font-size: 1.451rem; + + +$subtitle-font-size: $medium-font-size; +$title-font-size: $subtitle-font-size * 1.641; + +/* Font Weights */ +/* +$strong-font-weight: 700; +$medium-font-weight: 500; +$light-font-weight: 300; + +*/ +/** + The subcards.scss is responsible for all css of the subcards. + Historically, it was always used for the preview-cards on the info-card + and the article page of the corresponding subcard. + + Discuss: Personally I would prefer a strict separation from front page + and article page. But there may be advantages, when the unit 'subcard' + has a stylesheet on it's own. + + - SO + + Structure: + + 1. Shared (Preview and Expanded) + 2. Preview Subcards + 3. Expanded Subcards +*/ +.info-card { + /* + 1. Shared Properties + */ + /* + 2. Preview Properties + */ + /* + 3. Article Properties + */ + /* + Colors for the card topics. + */ + /* Remap the colors to the 'bundled' groups. */ +} + +.info-card .subcard { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + color: #191919; + position: relative; + border-radius: 3px; +} + +.info-card .subcard-content { + position: relative; +} + +.info-card .titlebar { + min-height: 84px; + background: -webkit-gradient(linear, left bottom, left top, color-stop(-100%, #333333), color-stop(200%, #6f6f6e)); + background: linear-gradient(to top, #333333 -100%, #6f6f6e 200%); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: inherit; +} + +.info-card .titlebar h2 { + color: #f2f2f2; + font-size: 26px; + text-transform: uppercase; + letter-spacing: 2px; + line-height: 1.3em; + text-align: center; + margin: 0; + padding: 10px; +} + +.info-card .subcards-container .subcard-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.info-card .subcards-container .subcard { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + z-index: 1; + -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); + box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); + overflow: hidden; +} + +.info-card .subcards-container .titlebar { + min-height: 27%; +} + +.info-card .subcards-container .subcard-content { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + overflow: hidden; +} + +.info-card .subcards-container .wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + overflow: hidden; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.info-card .subcards-container .wrapper .preview { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + background-color: #f2f2f2; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + height: 100%; +} + +.info-card .subcards-container .wrapper .preview p { + font-style: italic; + color: #6f6f6e; + font-weight: 500; + text-align: center; + padding: 40px; +} + +.info-card .subcards-container .wrapper .preview img { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.info-card .subcards-container .icon { + border-radius: 3px 0 0 0; +} + +.info-card .subcards-container .subcard.visited .icon.info:before { + content: "check"; +} + +.info-card .subcards-container figure { + width: 100%; + height: 100%; + padding: 0; + margin: 0; + border: none; +} + +.info-card .mainview > .subcard { + background-color: rgba(25, 25, 25, 0.8); + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.info-card .mainview > .subcard .column.content { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.info-card .mainview > .subcard .column.content.wide { + -webkit-box-flex: 1; + -ms-flex: 1 0 55%; + flex: 1 0 55%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.info-card .mainview > .subcard .column.content.narrow { + -webkit-box-flex: 1; + -ms-flex: 1 0 35%; + flex: 1 0 35%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.info-card .mainview > .subcard article { + background-color: #f2f2f2; + max-height: 100%; +} + +.info-card .mainview > .subcard article p { + line-height: 1.4em; +} + +.info-card .mainview > .subcard article p:last-child { + margin-bottom: 0; +} + +.info-card .mainview > .subcard article p:not(:last-child) { + margin-bottom: 0.5em; +} + +.info-card .mainview > .subcard article h2 { + font-size: 36px; +} + +.info-card .mainview > .subcard article h2:not(:first-child) { + margin-top: 0.5em; +} + +.info-card .mainview > .subcard article .column:not(.zoomable-wrapper) { + margin: 30px; +} + +.info-card .mainview > .subcard article a { + margin: -0px -5px -20px -5px; + padding: 0px 5px 10px 5px; +} + +.info-card .mainview > .subcard .subcard-content { + overflow: hidden; + background-color: #f2f2f2; + -webkit-box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5); + box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5); +} + +.info-card .mainview > .subcard .subcard-content.dynamic-height { + overflow: visible; +} + +.info-card .mainview > .subcard .subcard-content:not(.dynamic-height) { + height: 100%; +} + +.info-card .mainview > .subcard .zoomable-wrapper { + padding: 0; + margin: 0; + padding-top: 30px; + padding-bottom: 60px; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; + -webkit-box-flex: 0; + -ms-flex: 0; + flex: 0; +} + +.info-card .mainview > .subcard .imggroup { + padding: 0; + margin: 0; + padding-top: 30px; + padding-bottom: 60px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: space-evenly; + -ms-flex-pack: space-evenly; + justify-content: space-evenly; +} + +.info-card > .zoomable-wrapper figcaption, +.info-card .mainview > .subcard figcaption { + width: 100%; + position: absolute; + text-align: center; +} + +.info-card > .zoomable-wrapper figcaption.zoomcap, +.info-card .mainview > .subcard figcaption.zoomcap { + font-size: 8px; + display: none; + top: calc(100% + 10px); + padding: 10px; + background-color: #f2f2f2; + -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); + box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); + color: #191919; + z-index: -1; +} + +.info-card > .zoomable-wrapper figcaption.cap, +.info-card .mainview > .subcard figcaption.cap { + bottom: -40px; +} + +.info-card .subcard.leben_des_kunstwerks .titlebar { + border-bottom: 10px solid #80b1d3; + z-index: 10; + position: relative; +} + +.info-card .subcard.licht_und_farbe .titlebar { + border-bottom: 10px solid #80b1d3; + z-index: 10; + position: relative; +} + +.info-card .subcard.extra_info .titlebar { + border-bottom: 10px solid #80b1d3; + z-index: 10; + position: relative; +} + +.info-card .subcard.artist .titlebar { + border-bottom: 10px solid #fdb462; + z-index: 10; + position: relative; +} + +.info-card .subcard.komposition .titlebar { + border-bottom: 10px solid #80b1d3; + z-index: 10; + position: relative; +} + +.info-card .subcard.details .titlebar { + border-bottom: 10px solid #bc80bd; + z-index: 10; + position: relative; +} + +.info-card .subcard.thema .titlebar { + border-bottom: 10px solid #fb8072; + z-index: 10; + position: relative; +} + +.info-card.debug .mainview > .subcard a { + background-color: rgba(102, 51, 153, 0.239); +} + +.info-card.debug article { + background-color: rgba(0, 255, 0, 0.5); +} + +.info-card.debug .subcard .view-button { + background-color: rgba(0, 255, 0, 0.5) !important; +} + +circle { + stroke-width: 1; + stroke: white; + fill: transparent; +} + +mask circle { + stroke-width: 0; + fill: white; +} + +/* Color */ +/* Font Properties */ +/* Spacing */ +/* Borders */ +/* Shadows */ +/* +$context: "../../../../../.."; +$white: #FEFEFE; +$shady-white: rgb(240, 240, 240); +$gray: #CCC; +$dark: #333; +$black: #222; + +$small-edge-radius: 3px; +$big-edge-radius: 10px; + +$small-pad: 16px; +$big-pad: 32px; +$tuebingen-red: #e73230; + +$increased-letter-spacing: 0.1em; + + + + + +$font-color: $black; + + + +$text-font-size: 26px; +$medium-font-size: 28px; +$large-font-size: 32px; + +$regular-font-size: 1.451rem; + + +$subtitle-font-size: $medium-font-size; +$title-font-size: $subtitle-font-size * 1.641; + +/* Font Weights */ +/* +$strong-font-weight: 700; +$medium-font-weight: 500; +$light-font-weight: 300; + +*/ +/* Color */ +/* Font Properties */ +/* Spacing */ +/* Borders */ +/* Shadows */ +/* +$context: "../../../../../.."; +$white: #FEFEFE; +$shady-white: rgb(240, 240, 240); +$gray: #CCC; +$dark: #333; +$black: #222; + +$small-edge-radius: 3px; +$big-edge-radius: 10px; + +$small-pad: 16px; +$big-pad: 32px; +$tuebingen-red: #e73230; + +$increased-letter-spacing: 0.1em; + + + + + +$font-color: $black; + + + +$text-font-size: 26px; +$medium-font-size: 28px; +$large-font-size: 32px; + +$regular-font-size: 1.451rem; + + +$subtitle-font-size: $medium-font-size; +$title-font-size: $subtitle-font-size * 1.641; + +/* Font Weights */ +/* +$strong-font-weight: 700; +$medium-font-weight: 500; +$light-font-weight: 300; + +*/ +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: url(../fonts/material-icon-font/MaterialIcons-Regular.eot); + /* For IE6-8 */ + src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/material-icon-font/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/material-icon-font/MaterialIcons-Regular.woff) format("woff"), url(../fonts/material-icon-font/MaterialIcons-Regular.ttf) format("truetype"); +} + +.material-icons { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + /* Preferred icon size */ + display: inline-block; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; +} + +.popup { + width: 800px; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + min-width: 400px; + color: #191919; + background-color: #f2f2f2; + border-radius: 3px; + -webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.3), 2px 3px 25px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.8); + box-shadow: 0 0 100px rgba(0, 0, 0, 0.3), 2px 3px 25px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.8); + padding: 25.64px 40px; +} + +.popup img { + display: block; + margin: auto; +} + +.popup img:not(:first-child) { + margin-top: 20px; +} + +.popup img:not(:last-child) { + margin-bottom: 20px; +} + +.popup .notch { + width: 20px; + height: 20px; + border-color: #f2f2f2; +} + +.PopupContent p:not(:last-child) { + margin-bottom: 30px; +} diff --git a/lib/card/test/example/_theme/css/card.css b/lib/card/test/example/_theme/css/card.css new file mode 100644 index 0000000..eea356b --- /dev/null +++ b/lib/card/test/example/_theme/css/card.css @@ -0,0 +1,649 @@ +/* Color */ +/* Font Properties */ +/* Spacing */ +/* Borders */ +/* Shadows */ +/* +$context: "../../../../../.."; +$white: #FEFEFE; +$shady-white: rgb(240, 240, 240); +$gray: #CCC; +$dark: #333; +$black: #222; + +$small-edge-radius: 3px; +$big-edge-radius: 10px; + +$small-pad: 16px; +$big-pad: 32px; +$tuebingen-red: #e73230; + +$increased-letter-spacing: 0.1em; + + + + + +$font-color: $black; + + + +$text-font-size: 26px; +$medium-font-size: 28px; +$large-font-size: 32px; + +$regular-font-size: 1.451rem; + + +$subtitle-font-size: $medium-font-size; +$title-font-size: $subtitle-font-size * 1.641; + +/* Font Weights */ +/* +$strong-font-weight: 700; +$medium-font-weight: 500; +$light-font-weight: 300; + +*/ +/** + The essential.scss defines proerties that + are essential for the basic features of an + info card and are completely +*/ +.unselectable { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.info-card { + position: absolute; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.zoomable-wrapper { + display: inline-block; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; + font-size: 0; +} + +.zoomable-wrapper figure { + display: inline-block; +} + +.zoomable-wrapper figcaption { + font-size: initial; +} + +.zoomable-wrapper > figure > div { + height: 100%; +} + +.zoomable-wrapper svg { + overflow: visible; + width: 100%; + height: 100%; +} + +div { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +/* + If any default style by the browser or + certain plugins (e.g. Bulma) needs to be overwritten, + this can be done in this file. +*/ +/* Remove the negative margin from Bulma's columns. */ +.columns { + margin: 0 !important; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { + color: unset; +} + +.content:not(:last-child) { + margin-bottom: 0; +} + +.button { + border-color: unset; + border: unset; + border-radius: unset; +} + +.button:active, .button:hover { + border-color: unset; +} + +.icon { + width: unset; + height: unset; +} + +/* Color */ +/* Font Properties */ +/* Spacing */ +/* Borders */ +/* Shadows */ +/* +$context: "../../../../../.."; +$white: #FEFEFE; +$shady-white: rgb(240, 240, 240); +$gray: #CCC; +$dark: #333; +$black: #222; + +$small-edge-radius: 3px; +$big-edge-radius: 10px; + +$small-pad: 16px; +$big-pad: 32px; +$tuebingen-red: #e73230; + +$increased-letter-spacing: 0.1em; + + + + + +$font-color: $black; + + + +$text-font-size: 26px; +$medium-font-size: 28px; +$large-font-size: 32px; + +$regular-font-size: 1.451rem; + + +$subtitle-font-size: $medium-font-size; +$title-font-size: $subtitle-font-size * 1.641; + +/* Font Weights */ +/* +$strong-font-weight: 700; +$medium-font-weight: 500; +$light-font-weight: 300; + +*/ +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: url(../fonts/material-icon-font/MaterialIcons-Regular.eot); + /* For IE6-8 */ + src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/material-icon-font/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/material-icon-font/MaterialIcons-Regular.woff) format("woff"), url(../fonts/material-icon-font/MaterialIcons-Regular.ttf) format("truetype"); +} + +.material-icons { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + /* Preferred icon size */ + display: inline-block; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; +} + +/** +* The card.scss is responsible for styling the top level of the card. +* +* + Info-Card +* ++ Header +* +++ Thubnail +* +++ Overview +* ++ Subcards-Container +* +++ n * Subcards +*/ +.info-card { + font-family: "Calibri", sans-serif; + color: white; + background-color: #333; + -webkit-box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5); + box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5); + border-radius: 3px; + /* + This mixin selects the elements of $selector + and adjust the style it there are n children of this selector + inside the parent. + */ +} + +.info-card .ui { + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + padding: 10px; + z-index: 11; + position: absolute; + top: 0; +} + +.info-card .speech { + width: 52px; + height: 52px; +} + +.info-card:before { + content: ''; + display: block; + content: ''; + position: absolute; + z-index: -1; + border-radius: 3px; + top: -8px; + left: -8px; + width: calc(100% + 16px); + height: calc(100% + 16px); + -webkit-box-shadow: 0 0 15px #008bd2; + box-shadow: 0 0 15px #008bd2; + background: repeating-linear-gradient(-45deg, #008bd2, #008bd2 20px, #33a2db 20px, #33a2db 40px); + background-size: 56px 56px; + /* This is unique for this background, need to find a pattern and develop a formula */ + background-position-x: 0%; + -webkit-animation: 'slide' 20s infinite linear forwards; + opacity: 0; + -webkit-transition: opacity 1s; + transition: opacity 1s; +} + +.info-card.speech-plugin-is-reading .speech.button:before { + content: 'stop'; +} + +.info-card.speech-plugin-is-reading:before { + opacity: 1; +} + +@-webkit-keyframes 'slide' { + 0% { + background-position-x: 0%; + } + 100% { + background-position-x: 100%; + } +} + +.info-card .img-overlay { + position: absolute; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.3); + z-index: 200; + display: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.info-card .img-overlay img { + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; +} + +@-webkit-keyframes pulse {} + +@keyframes pulse {}.info-card nav { + z-index: 200; + position: absolute; + top: 20px; + right: 20px; +} + +.info-card nav > * { + margin-right: 6.66667px; +} + +.info-card a { + color: #008bd2; +} + +.info-card a:hover { + color: #008bd2; +} + +.info-card .mainview { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + border-radius: inherit; +} + +.info-card p { + font-size: 26px; +} + +.info-card header { + height: 35%; + color: #f2f2f2; + background: -webkit-gradient(linear, left bottom, left top, from(#333333), color-stop(200%, #6f6f6e)); + background: linear-gradient(to top, #333333, #6f6f6e 200%); + padding: 60px; + padding-bottom: 20px; + border-radius: inherit; + display: -ms-grid; + display: grid; + -ms-grid-columns: 1fr 2fr; + grid-template-columns: 1fr 2fr; + grid-gap: 20px; + z-index: 1; +} + +.info-card header h1 { + -webkit-margin-before: 0; + font-size: 52px; + font-weight: 500; + margin-bottom: -2px; +} + +.info-card header .overview { + padding: 0 20px; + margin-top: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -ms-grid-column: 2; + grid-column-start: 2; +} + +.info-card header p { + font-weight: 400; +} + +.info-card header p.misc { + font-size: 26px; + font-style: italic; + font-weight: 300; + opacity: 0.5; + margin-bottom: 0.641em; +} + +.info-card .thumbnail-wrapper { + overflow: hidden; + border-radius: 3px; +} + +.info-card .thumbnail-wrapper:before { + content: ' '; + position: absolute; + width: 100%; + height: 100%; + -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8); + box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8); +} + +.info-card .thumbnail-wrapper .button { + position: absolute; + bottom: 0; + right: 0; +} + +.info-card .thumbnail { + height: 100%; + min-width: 100%; + -o-object-fit: cover; + object-fit: cover; + overflow: hidden; +} + +.info-card .subcards-container { + background-color: #333333; + height: 65%; + display: -ms-grid; + display: grid; + grid-auto-rows: 1fr; + grid-gap: 20px; + padding: 60px; + padding-top: 20px; + -ms-grid-columns: (1fr)[9]; + grid-template-columns: repeat(9, 1fr); + grid-template-areas: '. tl tl tl . tr tr tr .' '. bl bl bl . br br br .'; +} + +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(5):nth-child(4), +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(5) ~ .subcard-wrapper:nth-child(4) { + -ms-grid-row: 2; + -ms-grid-column: 2; + -ms-grid-column-span: 3; + grid-area: bl; +} + +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(5):nth-child(5), +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(5) ~ .subcard-wrapper:nth-child(5) { + -ms-grid-row: 2; + -ms-grid-column: 6; + -ms-grid-column-span: 3; + grid-area: br; +} + +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(4):first-child, +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(4) ~ .subcard-wrapper:first-child { + -ms-grid-row: 1; + -ms-grid-column: 2; + -ms-grid-column-span: 3; + grid-area: tl; +} + +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(4):nth-child(2), +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(4) ~ .subcard-wrapper:nth-child(2) { + -ms-grid-row: 1; + -ms-grid-column: 6; + -ms-grid-column-span: 3; + grid-area: tr; +} + +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(4):nth-child(3), +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(4) ~ .subcard-wrapper:nth-child(3) { + -ms-grid-row: 2; + -ms-grid-column: 2; + -ms-grid-column-span: 3; + grid-area: bl; +} + +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(4):nth-child(4), +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(4) ~ .subcard-wrapper:nth-child(4) { + -ms-grid-row: 2; + -ms-grid-column: 6; + -ms-grid-column-span: 3; + grid-area: br; +} + +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(3):first-child, +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(3) ~ .subcard-wrapper:first-child { + -ms-grid-row: 1; + -ms-grid-column: 2; + -ms-grid-column-span: 3; + grid-area: tl; +} + +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(3):nth-child(2), +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(3) ~ .subcard-wrapper:nth-child(2) { + -ms-grid-row: 1; + -ms-grid-column: 6; + -ms-grid-column-span: 3; + grid-area: tr; +} + +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(3):nth-child(3), +.info-card .subcards-container .subcard-wrapper:first-child:nth-last-child(3) ~ .subcard-wrapper:nth-child(3) { + -ms-grid-row: 2; + grid-row: 2; + -ms-grid-column: 4; + -ms-grid-column-span: 3; + grid-column: 4 / 7; +} + +.info-card .subcards-container .subcard-wrapper { + padding: 0; +} + +.info-card .subcards-container > div { + width: auto; + grid-column: span 3; +} + +.card-icon, +.zoomable-icon { + position: absolute; + bottom: 0; + right: 0; +} + +.speech-only-text { + opacity: 0; + position: absolute; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + z-index: -1; +} + +figure { + position: relative; + border: 3px solid #f2f2f2; + -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); + box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); + -webkit-margin-before: 0; + -webkit-margin-after: 0; + -webkit-margin-start: 0; + -webkit-margin-end: 0; +} + +figure .icon { + position: absolute; + bottom: 0; + right: 0; + border-radius: 3px 0 0 0; +} + +.view-button.icon { + position: absolute; + bottom: 0; + right: 0; + padding: 26px 26px; + margin: -23px -13px; +} + +.view-button.icon.inverted:before { + color: #f2f2f2; +} + +.view-button.icon:before { + color: #333333; + font-size: 36px; + text-shadow: 0 0 3px rgba(0, 0, 0, 0.2); +} + +.icon { + min-width: 44px; + min-height: 44px; + color: #191919; + background-color: #f2f2f2; + pointer-events: none; +} + +.icon.button { + pointer-events: all; + border-radius: 3px; +} + +.icon.button.corner-button { + border-radius: 0; +} + +.icon.button.corner-button.bottom-right { + border-top-left-radius: 3px; +} + +.icon.inverted { + color: #f2f2f2; + background-color: #191919; +} + +.icon.transparent-background { + background-color: transparent; +} + +.icon.active { + color: #f2f2f2; + background-color: #008bd2; +} + +.icon:before { + font-family: "Material Icons"; + font-size: 36px; +} + +.icon.info:before { + content: 'info_outline'; +} + +.icon.close:before { + content: 'close'; +} + +.icon.zoom:before { + content: 'search'; +} + +.icon.speech:before { + content: 'record_voice_over'; +} + +.icon.language:before { + content: 'language'; +} + +.info-card.debug .view-button { + background-color: rgba(255, 0, 0, 0.5) !important; +} + +.info-card.debug .view-button.disabled { + -webkit-filter: grayscale(1); + filter: grayscale(1); +} diff --git a/lib/card/test/example/_theme/css/card.css.map b/lib/card/test/example/_theme/css/card.css.map new file mode 100644 index 0000000..63d7ff5 --- /dev/null +++ b/lib/card/test/example/_theme/css/card.css.map @@ -0,0 +1,15 @@ +{ + "version": 3, + "mappings": "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", + "sources": [ + "card.scss", + "_mixins.scss", + "_variables.scss", + "_essentials.scss", + "_overrides.scss", + "_icons.scss", + "_variables.scss" + ], + "names": [], + "file": "card.css" +} \ No newline at end of file diff --git a/lib/card/test/example/_theme/css/editor.css b/lib/card/test/example/_theme/css/editor.css new file mode 100644 index 0000000..3b7d769 --- /dev/null +++ b/lib/card/test/example/_theme/css/editor.css @@ -0,0 +1,6 @@ +html, body { + position: relative; + margin: 0; + padding: 0; + height: 100%; +} diff --git a/lib/card/test/example/_theme/css/highlight.css b/lib/card/test/example/_theme/css/highlight.css new file mode 100644 index 0000000..2ffa39e --- /dev/null +++ b/lib/card/test/example/_theme/css/highlight.css @@ -0,0 +1,10 @@ +circle { + stroke-width: 1; + stroke: white; + fill: transparent; +} + +mask circle { + stroke-width: 0; + fill: white; +} diff --git a/lib/card/test/example/_theme/css/icons.css b/lib/card/test/example/_theme/css/icons.css new file mode 100644 index 0000000..3b31a46 --- /dev/null +++ b/lib/card/test/example/_theme/css/icons.css @@ -0,0 +1 @@ +/* No CSS */ \ No newline at end of file diff --git a/lib/card/test/example/_theme/css/popup.css b/lib/card/test/example/_theme/css/popup.css new file mode 100644 index 0000000..d02782d --- /dev/null +++ b/lib/card/test/example/_theme/css/popup.css @@ -0,0 +1,163 @@ +/* Color */ +/* Font Properties */ +/* Spacing */ +/* Borders */ +/* Shadows */ +/* +$context: "../../../../../.."; +$white: #FEFEFE; +$shady-white: rgb(240, 240, 240); +$gray: #CCC; +$dark: #333; +$black: #222; + +$small-edge-radius: 3px; +$big-edge-radius: 10px; + +$small-pad: 16px; +$big-pad: 32px; +$tuebingen-red: #e73230; + +$increased-letter-spacing: 0.1em; + + + + + +$font-color: $black; + + + +$text-font-size: 26px; +$medium-font-size: 28px; +$large-font-size: 32px; + +$regular-font-size: 1.451rem; + + +$subtitle-font-size: $medium-font-size; +$title-font-size: $subtitle-font-size * 1.641; + +/* Font Weights */ +/* +$strong-font-weight: 700; +$medium-font-weight: 500; +$light-font-weight: 300; + +*/ +/* Color */ +/* Font Properties */ +/* Spacing */ +/* Borders */ +/* Shadows */ +/* +$context: "../../../../../.."; +$white: #FEFEFE; +$shady-white: rgb(240, 240, 240); +$gray: #CCC; +$dark: #333; +$black: #222; + +$small-edge-radius: 3px; +$big-edge-radius: 10px; + +$small-pad: 16px; +$big-pad: 32px; +$tuebingen-red: #e73230; + +$increased-letter-spacing: 0.1em; + + + + + +$font-color: $black; + + + +$text-font-size: 26px; +$medium-font-size: 28px; +$large-font-size: 32px; + +$regular-font-size: 1.451rem; + + +$subtitle-font-size: $medium-font-size; +$title-font-size: $subtitle-font-size * 1.641; + +/* Font Weights */ +/* +$strong-font-weight: 700; +$medium-font-weight: 500; +$light-font-weight: 300; + +*/ +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: url(../fonts/material-icon-font/MaterialIcons-Regular.eot); + /* For IE6-8 */ + src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/material-icon-font/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/material-icon-font/MaterialIcons-Regular.woff) format("woff"), url(../fonts/material-icon-font/MaterialIcons-Regular.ttf) format("truetype"); +} + +.material-icons { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + /* Preferred icon size */ + display: inline-block; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + -webkit-font-feature-settings: 'liga'; + font-feature-settings: 'liga'; +} + +.popup { + width: 800px; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + min-width: 400px; + color: #191919; + background-color: #f2f2f2; + border-radius: 3px; + -webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.3), 2px 3px 25px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.8); + box-shadow: 0 0 100px rgba(0, 0, 0, 0.3), 2px 3px 25px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.8); + padding: 25.64px 40px; +} + +.popup img { + display: block; + margin: auto; +} + +.popup img:not(:first-child) { + margin-top: 20px; +} + +.popup img:not(:last-child) { + margin-bottom: 20px; +} + +.popup .notch { + width: 20px; + height: 20px; + border-color: #f2f2f2; +} + +.PopupContent p:not(:last-child) { + margin-bottom: 30px; +} diff --git a/lib/card/test/example/_theme/css/popup.css.map b/lib/card/test/example/_theme/css/popup.css.map new file mode 100644 index 0000000..873438a --- /dev/null +++ b/lib/card/test/example/_theme/css/popup.css.map @@ -0,0 +1,12 @@ +{ + "version": 3, + "mappings": "ACEA,WAAW;AA2CX,qBAAqB;AAcrB,aAAa;AAOb,aAAa;AAGb,aAAa;AAIb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAmCkB;AAAA;;;;;EAKhB;AA/GF,WAAW;AA2CX,qBAAqB;AAcrB,aAAa;AAOb,aAAa;AAGb,aAAa;AAIb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAmCkB;AAAA;;;;;EAKhB;AC7GF,UAAU;EACN,WAAW,EAHc,gBAAgB;EAIzC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;EAChB,GAAG,EAAE,0DAA0D;EAAE,eAAe;EAChF,GAAG,EAAE,uBAAuB,EACvB,8BAA8B,EAC9B,4DAA4D,CAAC,eAAe,EAC5E,2DAA2D,CAAC,cAAc,EAC1E,0DAA0D,CAAC,kBAAkB;;;AAGpF,AAAA,eAAe,CAAC;EACd,WAAW,EAAE,gBAAgB;EAC7B,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;EAClB,SAAS,EAAE,IAAI;EAAG,yBAAyB;EAC3C,OAAO,EAAE,YAAY;EACrB,WAAW,EAAE,CAAC;EACd,cAAc,EAAE,IAAI;EACpB,cAAc,EAAE,MAAM;EACtB,SAAS,EAAE,MAAM;EACjB,WAAW,EAAE,MAAM;EACnB,SAAS,EAAE,GAAG;EAEd,sCAAsC;EACtC,sBAAsB,EAAE,WAAW;EACnC,oCAAoC;EACpC,cAAc,EAAE,kBAAkB;EAElC,0BAA0B;EAC1B,uBAAuB,EAAE,SAAS;EAElC,qBAAqB;EACrB,qBAAqB,EAAE,MAAM;CAC9B;;AFpCH,AAAA,MAAM,CAAC;EACH,KAAK,EAAE,KAAK;EACZ,KAAK,EAAE,WAAW;EAClB,SAAS,EAAE,KAAK;EAChB,KAAK,ECHD,OAAO;EDIX,gBAAgB,ECHZ,OAAO;EDIX,aAAa,EC0DA,GAAG;EDzDhB,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,kBAAe,EC6DnB,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,kBAAe,ED7Dc,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,kBAAe;EACnF,OAAO,EAAE,OAAwB,CAAC,IAAgB;CAqBrD;;AA7BD,AAUI,MAVE,CAUF,GAAG,CAAC;EACA,OAAO,EAAE,KAAK;EACd,MAAM,EAAG,IAAI;CAUhB;;AAtBL,AAcQ,MAdF,CAUF,GAAG,AAIE,IAAK,CAAA,YAAY,EAAC;EACf,UAAU,EC2CN,IAAI;CD1CX;;AAhBT,AAkBQ,MAlBF,CAUF,GAAG,AAQE,IAAK,CAAA,WAAW,EAAC;EACd,aAAa,ECuCT,IAAI;CDtCX;;AApBT,AAwBI,MAxBE,CAwBF,MAAM,CAAC;EACH,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,YAAY,ECzBZ,OAAO;CD0BV;;AAGL,AACI,aADS,CACT,CAAC,AAAA,IAAK,CAAA,WAAW,EAAE;EACf,aAAa,EC0BL,IAAI;CDzBf", + "sources": [ + "popup.scss", + "_variables.scss", + "_icons.scss", + "_variables.scss" + ], + "names": [], + "file": "popup.css" +} \ No newline at end of file diff --git a/lib/card/test/example/_theme/css/subcard.css b/lib/card/test/example/_theme/css/subcard.css new file mode 100644 index 0000000..03377c2 --- /dev/null +++ b/lib/card/test/example/_theme/css/subcard.css @@ -0,0 +1,416 @@ +/* Color */ +/* Font Properties */ +/* Spacing */ +/* Borders */ +/* Shadows */ +/* +$context: "../../../../../.."; +$white: #FEFEFE; +$shady-white: rgb(240, 240, 240); +$gray: #CCC; +$dark: #333; +$black: #222; + +$small-edge-radius: 3px; +$big-edge-radius: 10px; + +$small-pad: 16px; +$big-pad: 32px; +$tuebingen-red: #e73230; + +$increased-letter-spacing: 0.1em; + + + + + +$font-color: $black; + + + +$text-font-size: 26px; +$medium-font-size: 28px; +$large-font-size: 32px; + +$regular-font-size: 1.451rem; + + +$subtitle-font-size: $medium-font-size; +$title-font-size: $subtitle-font-size * 1.641; + +/* Font Weights */ +/* +$strong-font-weight: 700; +$medium-font-weight: 500; +$light-font-weight: 300; + +*/ +/** + The subcards.scss is responsible for all css of the subcards. + Historically, it was always used for the preview-cards on the info-card + and the article page of the corresponding subcard. + + Discuss: Personally I would prefer a strict separation from front page + and article page. But there may be advantages, when the unit 'subcard' + has a stylesheet on it's own. + + - SO + + Structure: + + 1. Shared (Preview and Expanded) + 2. Preview Subcards + 3. Expanded Subcards +*/ +.info-card { + /* + 1. Shared Properties + */ + /* + 2. Preview Properties + */ + /* + 3. Article Properties + */ + /* + Colors for the card topics. + */ + /* Remap the colors to the 'bundled' groups. */ +} + +.info-card .subcard { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + color: #191919; + position: relative; + border-radius: 3px; +} + +.info-card .subcard-content { + position: relative; +} + +.info-card .titlebar { + min-height: 84px; + background: -webkit-gradient(linear, left bottom, left top, color-stop(-100%, #333333), color-stop(200%, #6f6f6e)); + background: linear-gradient(to top, #333333 -100%, #6f6f6e 200%); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: inherit; +} + +.info-card .titlebar h2 { + color: #f2f2f2; + font-size: 26px; + text-transform: uppercase; + letter-spacing: 2px; + line-height: 1.3em; + text-align: center; + margin: 0; + padding: 10px; +} + +.info-card .subcards-container .subcard-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.info-card .subcards-container .subcard { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + z-index: 1; + -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); + box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); + overflow: hidden; +} + +.info-card .subcards-container .titlebar { + min-height: 27%; +} + +.info-card .subcards-container .subcard-content { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + overflow: hidden; +} + +.info-card .subcards-container .wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + overflow: hidden; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.info-card .subcards-container .wrapper .preview { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + background-color: #f2f2f2; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + height: 100%; +} + +.info-card .subcards-container .wrapper .preview p { + font-style: italic; + color: #6f6f6e; + font-weight: 500; + text-align: center; + padding: 40px; +} + +.info-card .subcards-container .wrapper .preview img { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.info-card .subcards-container .icon { + border-radius: 3px 0 0 0; +} + +.info-card .subcards-container .subcard.visited .icon.info:before { + content: "check"; +} + +.info-card .subcards-container figure { + width: 100%; + height: 100%; + padding: 0; + margin: 0; + border: none; +} + +.info-card .mainview > .subcard { + background-color: rgba(25, 25, 25, 0.8); + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.info-card .mainview > .subcard .column.content { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.info-card .mainview > .subcard .column.content.wide { + -webkit-box-flex: 1; + -ms-flex: 1 0 55%; + flex: 1 0 55%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.info-card .mainview > .subcard .column.content.narrow { + -webkit-box-flex: 1; + -ms-flex: 1 0 35%; + flex: 1 0 35%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.info-card .mainview > .subcard article { + background-color: #f2f2f2; + max-height: 100%; +} + +.info-card .mainview > .subcard article p { + line-height: 1.4em; +} + +.info-card .mainview > .subcard article p:last-child { + margin-bottom: 0; +} + +.info-card .mainview > .subcard article p:not(:last-child) { + margin-bottom: 0.5em; +} + +.info-card .mainview > .subcard article h2 { + font-size: 36px; +} + +.info-card .mainview > .subcard article h2:not(:first-child) { + margin-top: 0.5em; +} + +.info-card .mainview > .subcard article .column:not(.zoomable-wrapper) { + margin: 30px; +} + +.info-card .mainview > .subcard article a { + margin: -0px -5px -20px -5px; + padding: 0px 5px 10px 5px; +} + +.info-card .mainview > .subcard .subcard-content { + overflow: hidden; + background-color: #f2f2f2; + -webkit-box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5); + box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5); +} + +.info-card .mainview > .subcard .subcard-content.dynamic-height { + overflow: visible; +} + +.info-card .mainview > .subcard .subcard-content:not(.dynamic-height) { + height: 100%; +} + +.info-card .mainview > .subcard .zoomable-wrapper { + padding: 0; + margin: 0; + padding-top: 30px; + padding-bottom: 60px; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; + -webkit-box-flex: 0; + -ms-flex: 0; + flex: 0; +} + +.info-card .mainview > .subcard .imggroup { + padding: 0; + margin: 0; + padding-top: 30px; + padding-bottom: 60px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: space-evenly; + -ms-flex-pack: space-evenly; + justify-content: space-evenly; +} + +.info-card > .zoomable-wrapper figcaption, +.info-card .mainview > .subcard figcaption { + width: 100%; + position: absolute; + text-align: center; +} + +.info-card > .zoomable-wrapper figcaption.zoomcap, +.info-card .mainview > .subcard figcaption.zoomcap { + font-size: 8px; + display: none; + top: calc(100% + 10px); + padding: 10px; + background-color: #f2f2f2; + -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); + box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); + color: #191919; + z-index: -1; +} + +.info-card > .zoomable-wrapper figcaption.cap, +.info-card .mainview > .subcard figcaption.cap { + bottom: -40px; +} + +.info-card .subcard.leben_des_kunstwerks .titlebar { + border-bottom: 10px solid #80b1d3; + z-index: 10; + position: relative; +} + +.info-card .subcard.licht_und_farbe .titlebar { + border-bottom: 10px solid #80b1d3; + z-index: 10; + position: relative; +} + +.info-card .subcard.extra_info .titlebar { + border-bottom: 10px solid #80b1d3; + z-index: 10; + position: relative; +} + +.info-card .subcard.artist .titlebar { + border-bottom: 10px solid #fdb462; + z-index: 10; + position: relative; +} + +.info-card .subcard.komposition .titlebar { + border-bottom: 10px solid #80b1d3; + z-index: 10; + position: relative; +} + +.info-card .subcard.details .titlebar { + border-bottom: 10px solid #bc80bd; + z-index: 10; + position: relative; +} + +.info-card .subcard.thema .titlebar { + border-bottom: 10px solid #fb8072; + z-index: 10; + position: relative; +} + +.info-card.debug .mainview > .subcard a { + background-color: rgba(102, 51, 153, 0.239); +} + +.info-card.debug article { + background-color: rgba(0, 255, 0, 0.5); +} + +.info-card.debug .subcard .view-button { + background-color: rgba(0, 255, 0, 0.5) !important; +} diff --git a/lib/card/test/example/_theme/css/subcard.css.map b/lib/card/test/example/_theme/css/subcard.css.map new file mode 100644 index 0000000..0b08e00 --- /dev/null +++ b/lib/card/test/example/_theme/css/subcard.css.map @@ -0,0 +1,11 @@ +{ + "version": 3, + "mappings": "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", + "sources": [ + "subcard.scss", + "_variables.scss", + "_colors_003.sass" + ], + "names": [], + "file": "subcard.css" +} \ No newline at end of file diff --git a/lib/card/test/example/_theme/fonts/material-icon-font/MaterialIcons-Regular.eot b/lib/card/test/example/_theme/fonts/material-icon-font/MaterialIcons-Regular.eot new file mode 100644 index 0000000..70508eb Binary files /dev/null and b/lib/card/test/example/_theme/fonts/material-icon-font/MaterialIcons-Regular.eot differ diff --git a/lib/card/test/example/_theme/fonts/material-icon-font/MaterialIcons-Regular.ijmap b/lib/card/test/example/_theme/fonts/material-icon-font/MaterialIcons-Regular.ijmap new file mode 100644 index 0000000..d9f1d25 --- /dev/null +++ b/lib/card/test/example/_theme/fonts/material-icon-font/MaterialIcons-Regular.ijmap @@ -0,0 +1 @@ +{"icons":{"e84d":{"name":"3d Rotation"},"eb3b":{"name":"Ac Unit"},"e190":{"name":"Access Alarm"},"e191":{"name":"Access Alarms"},"e192":{"name":"Access Time"},"e84e":{"name":"Accessibility"},"e914":{"name":"Accessible"},"e84f":{"name":"Account Balance"},"e850":{"name":"Account Balance Wallet"},"e851":{"name":"Account Box"},"e853":{"name":"Account Circle"},"e60e":{"name":"Adb"},"e145":{"name":"Add"},"e439":{"name":"Add A Photo"},"e193":{"name":"Add Alarm"},"e003":{"name":"Add Alert"},"e146":{"name":"Add Box"},"e147":{"name":"Add Circle"},"e148":{"name":"Add Circle Outline"},"e567":{"name":"Add Location"},"e854":{"name":"Add Shopping Cart"},"e39d":{"name":"Add To Photos"},"e05c":{"name":"Add To Queue"},"e39e":{"name":"Adjust"},"e630":{"name":"Airline Seat Flat"},"e631":{"name":"Airline Seat Flat Angled"},"e632":{"name":"Airline Seat Individual Suite"},"e633":{"name":"Airline Seat Legroom Extra"},"e634":{"name":"Airline Seat Legroom Normal"},"e635":{"name":"Airline Seat Legroom Reduced"},"e636":{"name":"Airline Seat Recline Extra"},"e637":{"name":"Airline Seat Recline Normal"},"e195":{"name":"Airplanemode Active"},"e194":{"name":"Airplanemode Inactive"},"e055":{"name":"Airplay"},"eb3c":{"name":"Airport Shuttle"},"e855":{"name":"Alarm"},"e856":{"name":"Alarm Add"},"e857":{"name":"Alarm Off"},"e858":{"name":"Alarm On"},"e019":{"name":"Album"},"eb3d":{"name":"All Inclusive"},"e90b":{"name":"All Out"},"e859":{"name":"Android"},"e85a":{"name":"Announcement"},"e5c3":{"name":"Apps"},"e149":{"name":"Archive"},"e5c4":{"name":"Arrow Back"},"e5db":{"name":"Arrow Downward"},"e5c5":{"name":"Arrow Drop Down"},"e5c6":{"name":"Arrow Drop Down Circle"},"e5c7":{"name":"Arrow Drop Up"},"e5c8":{"name":"Arrow Forward"},"e5d8":{"name":"Arrow Upward"},"e060":{"name":"Art Track"},"e85b":{"name":"Aspect Ratio"},"e85c":{"name":"Assessment"},"e85d":{"name":"Assignment"},"e85e":{"name":"Assignment Ind"},"e85f":{"name":"Assignment Late"},"e860":{"name":"Assignment Return"},"e861":{"name":"Assignment Returned"},"e862":{"name":"Assignment Turned In"},"e39f":{"name":"Assistant"},"e3a0":{"name":"Assistant Photo"},"e226":{"name":"Attach File"},"e227":{"name":"Attach Money"},"e2bc":{"name":"Attachment"},"e3a1":{"name":"Audiotrack"},"e863":{"name":"Autorenew"},"e01b":{"name":"Av Timer"},"e14a":{"name":"Backspace"},"e864":{"name":"Backup"},"e19c":{"name":"Battery Alert"},"e1a3":{"name":"Battery Charging Full"},"e1a4":{"name":"Battery Full"},"e1a5":{"name":"Battery Std"},"e1a6":{"name":"Battery Unknown"},"eb3e":{"name":"Beach Access"},"e52d":{"name":"Beenhere"},"e14b":{"name":"Block"},"e1a7":{"name":"Bluetooth"},"e60f":{"name":"Bluetooth Audio"},"e1a8":{"name":"Bluetooth Connected"},"e1a9":{"name":"Bluetooth Disabled"},"e1aa":{"name":"Bluetooth Searching"},"e3a2":{"name":"Blur Circular"},"e3a3":{"name":"Blur Linear"},"e3a4":{"name":"Blur Off"},"e3a5":{"name":"Blur On"},"e865":{"name":"Book"},"e866":{"name":"Bookmark"},"e867":{"name":"Bookmark Border"},"e228":{"name":"Border All"},"e229":{"name":"Border Bottom"},"e22a":{"name":"Border Clear"},"e22b":{"name":"Border Color"},"e22c":{"name":"Border Horizontal"},"e22d":{"name":"Border Inner"},"e22e":{"name":"Border Left"},"e22f":{"name":"Border Outer"},"e230":{"name":"Border Right"},"e231":{"name":"Border Style"},"e232":{"name":"Border Top"},"e233":{"name":"Border Vertical"},"e06b":{"name":"Branding Watermark"},"e3a6":{"name":"Brightness 1"},"e3a7":{"name":"Brightness 2"},"e3a8":{"name":"Brightness 3"},"e3a9":{"name":"Brightness 4"},"e3aa":{"name":"Brightness 5"},"e3ab":{"name":"Brightness 6"},"e3ac":{"name":"Brightness 7"},"e1ab":{"name":"Brightness Auto"},"e1ac":{"name":"Brightness High"},"e1ad":{"name":"Brightness Low"},"e1ae":{"name":"Brightness Medium"},"e3ad":{"name":"Broken Image"},"e3ae":{"name":"Brush"},"e6dd":{"name":"Bubble Chart"},"e868":{"name":"Bug Report"},"e869":{"name":"Build"},"e43c":{"name":"Burst Mode"},"e0af":{"name":"Business"},"eb3f":{"name":"Business Center"},"e86a":{"name":"Cached"},"e7e9":{"name":"Cake"},"e0b0":{"name":"Call"},"e0b1":{"name":"Call End"},"e0b2":{"name":"Call Made"},"e0b3":{"name":"Call Merge"},"e0b4":{"name":"Call Missed"},"e0e4":{"name":"Call Missed Outgoing"},"e0b5":{"name":"Call Received"},"e0b6":{"name":"Call Split"},"e06c":{"name":"Call To Action"},"e3af":{"name":"Camera"},"e3b0":{"name":"Camera Alt"},"e8fc":{"name":"Camera Enhance"},"e3b1":{"name":"Camera Front"},"e3b2":{"name":"Camera Rear"},"e3b3":{"name":"Camera Roll"},"e5c9":{"name":"Cancel"},"e8f6":{"name":"Card Giftcard"},"e8f7":{"name":"Card Membership"},"e8f8":{"name":"Card Travel"},"eb40":{"name":"Casino"},"e307":{"name":"Cast"},"e308":{"name":"Cast Connected"},"e3b4":{"name":"Center Focus Strong"},"e3b5":{"name":"Center Focus Weak"},"e86b":{"name":"Change History"},"e0b7":{"name":"Chat"},"e0ca":{"name":"Chat Bubble"},"e0cb":{"name":"Chat Bubble Outline"},"e5ca":{"name":"Check"},"e834":{"name":"Check Box"},"e835":{"name":"Check Box Outline Blank"},"e86c":{"name":"Check Circle"},"e5cb":{"name":"Chevron Left"},"e5cc":{"name":"Chevron Right"},"eb41":{"name":"Child Care"},"eb42":{"name":"Child Friendly"},"e86d":{"name":"Chrome Reader Mode"},"e86e":{"name":"Class"},"e14c":{"name":"Clear"},"e0b8":{"name":"Clear All"},"e5cd":{"name":"Close"},"e01c":{"name":"Closed Caption"},"e2bd":{"name":"Cloud"},"e2be":{"name":"Cloud Circle"},"e2bf":{"name":"Cloud Done"},"e2c0":{"name":"Cloud Download"},"e2c1":{"name":"Cloud Off"},"e2c2":{"name":"Cloud Queue"},"e2c3":{"name":"Cloud Upload"},"e86f":{"name":"Code"},"e3b6":{"name":"Collections"},"e431":{"name":"Collections Bookmark"},"e3b7":{"name":"Color Lens"},"e3b8":{"name":"Colorize"},"e0b9":{"name":"Comment"},"e3b9":{"name":"Compare"},"e915":{"name":"Compare Arrows"},"e30a":{"name":"Computer"},"e638":{"name":"Confirmation Number"},"e0d0":{"name":"Contact Mail"},"e0cf":{"name":"Contact Phone"},"e0ba":{"name":"Contacts"},"e14d":{"name":"Content Copy"},"e14e":{"name":"Content Cut"},"e14f":{"name":"Content Paste"},"e3ba":{"name":"Control Point"},"e3bb":{"name":"Control Point Duplicate"},"e90c":{"name":"Copyright"},"e150":{"name":"Create"},"e2cc":{"name":"Create New Folder"},"e870":{"name":"Credit Card"},"e3be":{"name":"Crop"},"e3bc":{"name":"Crop 16 9"},"e3bd":{"name":"Crop 3 2"},"e3bf":{"name":"Crop 5 4"},"e3c0":{"name":"Crop 7 5"},"e3c1":{"name":"Crop Din"},"e3c2":{"name":"Crop Free"},"e3c3":{"name":"Crop Landscape"},"e3c4":{"name":"Crop Original"},"e3c5":{"name":"Crop Portrait"},"e437":{"name":"Crop Rotate"},"e3c6":{"name":"Crop Square"},"e871":{"name":"Dashboard"},"e1af":{"name":"Data Usage"},"e916":{"name":"Date Range"},"e3c7":{"name":"Dehaze"},"e872":{"name":"Delete"},"e92b":{"name":"Delete Forever"},"e16c":{"name":"Delete Sweep"},"e873":{"name":"Description"},"e30b":{"name":"Desktop Mac"},"e30c":{"name":"Desktop Windows"},"e3c8":{"name":"Details"},"e30d":{"name":"Developer Board"},"e1b0":{"name":"Developer Mode"},"e335":{"name":"Device Hub"},"e1b1":{"name":"Devices"},"e337":{"name":"Devices Other"},"e0bb":{"name":"Dialer Sip"},"e0bc":{"name":"Dialpad"},"e52e":{"name":"Directions"},"e52f":{"name":"Directions Bike"},"e532":{"name":"Directions Boat"},"e530":{"name":"Directions Bus"},"e531":{"name":"Directions Car"},"e534":{"name":"Directions Railway"},"e566":{"name":"Directions Run"},"e533":{"name":"Directions Subway"},"e535":{"name":"Directions Transit"},"e536":{"name":"Directions Walk"},"e610":{"name":"Disc Full"},"e875":{"name":"Dns"},"e612":{"name":"Do Not Disturb"},"e611":{"name":"Do Not Disturb Alt"},"e643":{"name":"Do Not Disturb Off"},"e644":{"name":"Do Not Disturb On"},"e30e":{"name":"Dock"},"e7ee":{"name":"Domain"},"e876":{"name":"Done"},"e877":{"name":"Done All"},"e917":{"name":"Donut Large"},"e918":{"name":"Donut Small"},"e151":{"name":"Drafts"},"e25d":{"name":"Drag Handle"},"e613":{"name":"Drive Eta"},"e1b2":{"name":"Dvr"},"e3c9":{"name":"Edit"},"e568":{"name":"Edit Location"},"e8fb":{"name":"Eject"},"e0be":{"name":"Email"},"e63f":{"name":"Enhanced Encryption"},"e01d":{"name":"Equalizer"},"e000":{"name":"Error"},"e001":{"name":"Error Outline"},"e926":{"name":"Euro Symbol"},"e56d":{"name":"Ev Station"},"e878":{"name":"Event"},"e614":{"name":"Event Available"},"e615":{"name":"Event Busy"},"e616":{"name":"Event Note"},"e903":{"name":"Event Seat"},"e879":{"name":"Exit To App"},"e5ce":{"name":"Expand Less"},"e5cf":{"name":"Expand More"},"e01e":{"name":"Explicit"},"e87a":{"name":"Explore"},"e3ca":{"name":"Exposure"},"e3cb":{"name":"Exposure Neg 1"},"e3cc":{"name":"Exposure Neg 2"},"e3cd":{"name":"Exposure Plus 1"},"e3ce":{"name":"Exposure Plus 2"},"e3cf":{"name":"Exposure Zero"},"e87b":{"name":"Extension"},"e87c":{"name":"Face"},"e01f":{"name":"Fast Forward"},"e020":{"name":"Fast Rewind"},"e87d":{"name":"Favorite"},"e87e":{"name":"Favorite Border"},"e06d":{"name":"Featured Play List"},"e06e":{"name":"Featured Video"},"e87f":{"name":"Feedback"},"e05d":{"name":"Fiber Dvr"},"e061":{"name":"Fiber Manual Record"},"e05e":{"name":"Fiber New"},"e06a":{"name":"Fiber Pin"},"e062":{"name":"Fiber Smart Record"},"e2c4":{"name":"File Download"},"e2c6":{"name":"File Upload"},"e3d3":{"name":"Filter"},"e3d0":{"name":"Filter 1"},"e3d1":{"name":"Filter 2"},"e3d2":{"name":"Filter 3"},"e3d4":{"name":"Filter 4"},"e3d5":{"name":"Filter 5"},"e3d6":{"name":"Filter 6"},"e3d7":{"name":"Filter 7"},"e3d8":{"name":"Filter 8"},"e3d9":{"name":"Filter 9"},"e3da":{"name":"Filter 9 Plus"},"e3db":{"name":"Filter B And W"},"e3dc":{"name":"Filter Center Focus"},"e3dd":{"name":"Filter Drama"},"e3de":{"name":"Filter Frames"},"e3df":{"name":"Filter Hdr"},"e152":{"name":"Filter List"},"e3e0":{"name":"Filter None"},"e3e2":{"name":"Filter Tilt Shift"},"e3e3":{"name":"Filter Vintage"},"e880":{"name":"Find In Page"},"e881":{"name":"Find Replace"},"e90d":{"name":"Fingerprint"},"e5dc":{"name":"First Page"},"eb43":{"name":"Fitness Center"},"e153":{"name":"Flag"},"e3e4":{"name":"Flare"},"e3e5":{"name":"Flash Auto"},"e3e6":{"name":"Flash Off"},"e3e7":{"name":"Flash On"},"e539":{"name":"Flight"},"e904":{"name":"Flight Land"},"e905":{"name":"Flight Takeoff"},"e3e8":{"name":"Flip"},"e882":{"name":"Flip To Back"},"e883":{"name":"Flip To Front"},"e2c7":{"name":"Folder"},"e2c8":{"name":"Folder Open"},"e2c9":{"name":"Folder Shared"},"e617":{"name":"Folder Special"},"e167":{"name":"Font Download"},"e234":{"name":"Format Align Center"},"e235":{"name":"Format Align Justify"},"e236":{"name":"Format Align Left"},"e237":{"name":"Format Align Right"},"e238":{"name":"Format Bold"},"e239":{"name":"Format Clear"},"e23a":{"name":"Format Color Fill"},"e23b":{"name":"Format Color Reset"},"e23c":{"name":"Format Color Text"},"e23d":{"name":"Format Indent Decrease"},"e23e":{"name":"Format Indent Increase"},"e23f":{"name":"Format Italic"},"e240":{"name":"Format Line Spacing"},"e241":{"name":"Format List Bulleted"},"e242":{"name":"Format List Numbered"},"e243":{"name":"Format Paint"},"e244":{"name":"Format Quote"},"e25e":{"name":"Format Shapes"},"e245":{"name":"Format Size"},"e246":{"name":"Format Strikethrough"},"e247":{"name":"Format Textdirection L To R"},"e248":{"name":"Format Textdirection R To L"},"e249":{"name":"Format Underlined"},"e0bf":{"name":"Forum"},"e154":{"name":"Forward"},"e056":{"name":"Forward 10"},"e057":{"name":"Forward 30"},"e058":{"name":"Forward 5"},"eb44":{"name":"Free Breakfast"},"e5d0":{"name":"Fullscreen"},"e5d1":{"name":"Fullscreen Exit"},"e24a":{"name":"Functions"},"e927":{"name":"G Translate"},"e30f":{"name":"Gamepad"},"e021":{"name":"Games"},"e90e":{"name":"Gavel"},"e155":{"name":"Gesture"},"e884":{"name":"Get App"},"e908":{"name":"Gif"},"eb45":{"name":"Golf Course"},"e1b3":{"name":"Gps Fixed"},"e1b4":{"name":"Gps Not Fixed"},"e1b5":{"name":"Gps Off"},"e885":{"name":"Grade"},"e3e9":{"name":"Gradient"},"e3ea":{"name":"Grain"},"e1b8":{"name":"Graphic Eq"},"e3eb":{"name":"Grid Off"},"e3ec":{"name":"Grid On"},"e7ef":{"name":"Group"},"e7f0":{"name":"Group Add"},"e886":{"name":"Group Work"},"e052":{"name":"Hd"},"e3ed":{"name":"Hdr Off"},"e3ee":{"name":"Hdr On"},"e3f1":{"name":"Hdr Strong"},"e3f2":{"name":"Hdr Weak"},"e310":{"name":"Headset"},"e311":{"name":"Headset Mic"},"e3f3":{"name":"Healing"},"e023":{"name":"Hearing"},"e887":{"name":"Help"},"e8fd":{"name":"Help Outline"},"e024":{"name":"High Quality"},"e25f":{"name":"Highlight"},"e888":{"name":"Highlight Off"},"e889":{"name":"History"},"e88a":{"name":"Home"},"eb46":{"name":"Hot Tub"},"e53a":{"name":"Hotel"},"e88b":{"name":"Hourglass Empty"},"e88c":{"name":"Hourglass Full"},"e902":{"name":"Http"},"e88d":{"name":"Https"},"e3f4":{"name":"Image"},"e3f5":{"name":"Image Aspect Ratio"},"e0e0":{"name":"Import Contacts"},"e0c3":{"name":"Import Export"},"e912":{"name":"Important Devices"},"e156":{"name":"Inbox"},"e909":{"name":"Indeterminate Check Box"},"e88e":{"name":"Info"},"e88f":{"name":"Info Outline"},"e890":{"name":"Input"},"e24b":{"name":"Insert Chart"},"e24c":{"name":"Insert Comment"},"e24d":{"name":"Insert Drive File"},"e24e":{"name":"Insert Emoticon"},"e24f":{"name":"Insert Invitation"},"e250":{"name":"Insert Link"},"e251":{"name":"Insert Photo"},"e891":{"name":"Invert Colors"},"e0c4":{"name":"Invert Colors Off"},"e3f6":{"name":"Iso"},"e312":{"name":"Keyboard"},"e313":{"name":"Keyboard Arrow Down"},"e314":{"name":"Keyboard Arrow Left"},"e315":{"name":"Keyboard Arrow Right"},"e316":{"name":"Keyboard Arrow Up"},"e317":{"name":"Keyboard Backspace"},"e318":{"name":"Keyboard Capslock"},"e31a":{"name":"Keyboard Hide"},"e31b":{"name":"Keyboard Return"},"e31c":{"name":"Keyboard Tab"},"e31d":{"name":"Keyboard Voice"},"eb47":{"name":"Kitchen"},"e892":{"name":"Label"},"e893":{"name":"Label Outline"},"e3f7":{"name":"Landscape"},"e894":{"name":"Language"},"e31e":{"name":"Laptop"},"e31f":{"name":"Laptop Chromebook"},"e320":{"name":"Laptop Mac"},"e321":{"name":"Laptop Windows"},"e5dd":{"name":"Last Page"},"e895":{"name":"Launch"},"e53b":{"name":"Layers"},"e53c":{"name":"Layers Clear"},"e3f8":{"name":"Leak Add"},"e3f9":{"name":"Leak Remove"},"e3fa":{"name":"Lens"},"e02e":{"name":"Library Add"},"e02f":{"name":"Library Books"},"e030":{"name":"Library Music"},"e90f":{"name":"Lightbulb Outline"},"e919":{"name":"Line Style"},"e91a":{"name":"Line Weight"},"e260":{"name":"Linear Scale"},"e157":{"name":"Link"},"e438":{"name":"Linked Camera"},"e896":{"name":"List"},"e0c6":{"name":"Live Help"},"e639":{"name":"Live Tv"},"e53f":{"name":"Local Activity"},"e53d":{"name":"Local Airport"},"e53e":{"name":"Local Atm"},"e540":{"name":"Local Bar"},"e541":{"name":"Local Cafe"},"e542":{"name":"Local Car Wash"},"e543":{"name":"Local Convenience Store"},"e556":{"name":"Local Dining"},"e544":{"name":"Local Drink"},"e545":{"name":"Local Florist"},"e546":{"name":"Local Gas Station"},"e547":{"name":"Local Grocery Store"},"e548":{"name":"Local Hospital"},"e549":{"name":"Local Hotel"},"e54a":{"name":"Local Laundry Service"},"e54b":{"name":"Local Library"},"e54c":{"name":"Local Mall"},"e54d":{"name":"Local Movies"},"e54e":{"name":"Local Offer"},"e54f":{"name":"Local Parking"},"e550":{"name":"Local Pharmacy"},"e551":{"name":"Local Phone"},"e552":{"name":"Local Pizza"},"e553":{"name":"Local Play"},"e554":{"name":"Local Post Office"},"e555":{"name":"Local Printshop"},"e557":{"name":"Local See"},"e558":{"name":"Local Shipping"},"e559":{"name":"Local Taxi"},"e7f1":{"name":"Location City"},"e1b6":{"name":"Location Disabled"},"e0c7":{"name":"Location Off"},"e0c8":{"name":"Location On"},"e1b7":{"name":"Location Searching"},"e897":{"name":"Lock"},"e898":{"name":"Lock Open"},"e899":{"name":"Lock Outline"},"e3fc":{"name":"Looks"},"e3fb":{"name":"Looks 3"},"e3fd":{"name":"Looks 4"},"e3fe":{"name":"Looks 5"},"e3ff":{"name":"Looks 6"},"e400":{"name":"Looks One"},"e401":{"name":"Looks Two"},"e028":{"name":"Loop"},"e402":{"name":"Loupe"},"e16d":{"name":"Low Priority"},"e89a":{"name":"Loyalty"},"e158":{"name":"Mail"},"e0e1":{"name":"Mail Outline"},"e55b":{"name":"Map"},"e159":{"name":"Markunread"},"e89b":{"name":"Markunread Mailbox"},"e322":{"name":"Memory"},"e5d2":{"name":"Menu"},"e252":{"name":"Merge Type"},"e0c9":{"name":"Message"},"e029":{"name":"Mic"},"e02a":{"name":"Mic None"},"e02b":{"name":"Mic Off"},"e618":{"name":"Mms"},"e253":{"name":"Mode Comment"},"e254":{"name":"Mode Edit"},"e263":{"name":"Monetization On"},"e25c":{"name":"Money Off"},"e403":{"name":"Monochrome Photos"},"e7f2":{"name":"Mood"},"e7f3":{"name":"Mood Bad"},"e619":{"name":"More"},"e5d3":{"name":"More Horiz"},"e5d4":{"name":"More Vert"},"e91b":{"name":"Motorcycle"},"e323":{"name":"Mouse"},"e168":{"name":"Move To Inbox"},"e02c":{"name":"Movie"},"e404":{"name":"Movie Creation"},"e43a":{"name":"Movie Filter"},"e6df":{"name":"Multiline Chart"},"e405":{"name":"Music Note"},"e063":{"name":"Music Video"},"e55c":{"name":"My Location"},"e406":{"name":"Nature"},"e407":{"name":"Nature People"},"e408":{"name":"Navigate Before"},"e409":{"name":"Navigate Next"},"e55d":{"name":"Navigation"},"e569":{"name":"Near Me"},"e1b9":{"name":"Network Cell"},"e640":{"name":"Network Check"},"e61a":{"name":"Network Locked"},"e1ba":{"name":"Network Wifi"},"e031":{"name":"New Releases"},"e16a":{"name":"Next Week"},"e1bb":{"name":"Nfc"},"e641":{"name":"No Encryption"},"e0cc":{"name":"No Sim"},"e033":{"name":"Not Interested"},"e06f":{"name":"Note"},"e89c":{"name":"Note Add"},"e7f4":{"name":"Notifications"},"e7f7":{"name":"Notifications Active"},"e7f5":{"name":"Notifications None"},"e7f6":{"name":"Notifications Off"},"e7f8":{"name":"Notifications Paused"},"e90a":{"name":"Offline Pin"},"e63a":{"name":"Ondemand Video"},"e91c":{"name":"Opacity"},"e89d":{"name":"Open In Browser"},"e89e":{"name":"Open In New"},"e89f":{"name":"Open With"},"e7f9":{"name":"Pages"},"e8a0":{"name":"Pageview"},"e40a":{"name":"Palette"},"e925":{"name":"Pan Tool"},"e40b":{"name":"Panorama"},"e40c":{"name":"Panorama Fish Eye"},"e40d":{"name":"Panorama Horizontal"},"e40e":{"name":"Panorama Vertical"},"e40f":{"name":"Panorama Wide Angle"},"e7fa":{"name":"Party Mode"},"e034":{"name":"Pause"},"e035":{"name":"Pause Circle Filled"},"e036":{"name":"Pause Circle Outline"},"e8a1":{"name":"Payment"},"e7fb":{"name":"People"},"e7fc":{"name":"People Outline"},"e8a2":{"name":"Perm Camera Mic"},"e8a3":{"name":"Perm Contact Calendar"},"e8a4":{"name":"Perm Data Setting"},"e8a5":{"name":"Perm Device Information"},"e8a6":{"name":"Perm Identity"},"e8a7":{"name":"Perm Media"},"e8a8":{"name":"Perm Phone Msg"},"e8a9":{"name":"Perm Scan Wifi"},"e7fd":{"name":"Person"},"e7fe":{"name":"Person Add"},"e7ff":{"name":"Person Outline"},"e55a":{"name":"Person Pin"},"e56a":{"name":"Person Pin Circle"},"e63b":{"name":"Personal Video"},"e91d":{"name":"Pets"},"e0cd":{"name":"Phone"},"e324":{"name":"Phone Android"},"e61b":{"name":"Phone Bluetooth Speaker"},"e61c":{"name":"Phone Forwarded"},"e61d":{"name":"Phone In Talk"},"e325":{"name":"Phone Iphone"},"e61e":{"name":"Phone Locked"},"e61f":{"name":"Phone Missed"},"e620":{"name":"Phone Paused"},"e326":{"name":"Phonelink"},"e0db":{"name":"Phonelink Erase"},"e0dc":{"name":"Phonelink Lock"},"e327":{"name":"Phonelink Off"},"e0dd":{"name":"Phonelink Ring"},"e0de":{"name":"Phonelink Setup"},"e410":{"name":"Photo"},"e411":{"name":"Photo Album"},"e412":{"name":"Photo Camera"},"e43b":{"name":"Photo Filter"},"e413":{"name":"Photo Library"},"e432":{"name":"Photo Size Select Actual"},"e433":{"name":"Photo Size Select Large"},"e434":{"name":"Photo Size Select Small"},"e415":{"name":"Picture As Pdf"},"e8aa":{"name":"Picture In Picture"},"e911":{"name":"Picture In Picture Alt"},"e6c4":{"name":"Pie Chart"},"e6c5":{"name":"Pie Chart Outlined"},"e55e":{"name":"Pin Drop"},"e55f":{"name":"Place"},"e037":{"name":"Play Arrow"},"e038":{"name":"Play Circle Filled"},"e039":{"name":"Play Circle Outline"},"e906":{"name":"Play For Work"},"e03b":{"name":"Playlist Add"},"e065":{"name":"Playlist Add Check"},"e05f":{"name":"Playlist Play"},"e800":{"name":"Plus One"},"e801":{"name":"Poll"},"e8ab":{"name":"Polymer"},"eb48":{"name":"Pool"},"e0ce":{"name":"Portable Wifi Off"},"e416":{"name":"Portrait"},"e63c":{"name":"Power"},"e336":{"name":"Power Input"},"e8ac":{"name":"Power Settings New"},"e91e":{"name":"Pregnant Woman"},"e0df":{"name":"Present To All"},"e8ad":{"name":"Print"},"e645":{"name":"Priority High"},"e80b":{"name":"Public"},"e255":{"name":"Publish"},"e8ae":{"name":"Query Builder"},"e8af":{"name":"Question Answer"},"e03c":{"name":"Queue"},"e03d":{"name":"Queue Music"},"e066":{"name":"Queue Play Next"},"e03e":{"name":"Radio"},"e837":{"name":"Radio Button Checked"},"e836":{"name":"Radio Button Unchecked"},"e560":{"name":"Rate Review"},"e8b0":{"name":"Receipt"},"e03f":{"name":"Recent Actors"},"e91f":{"name":"Record Voice Over"},"e8b1":{"name":"Redeem"},"e15a":{"name":"Redo"},"e5d5":{"name":"Refresh"},"e15b":{"name":"Remove"},"e15c":{"name":"Remove Circle"},"e15d":{"name":"Remove Circle Outline"},"e067":{"name":"Remove From Queue"},"e417":{"name":"Remove Red Eye"},"e928":{"name":"Remove Shopping Cart"},"e8fe":{"name":"Reorder"},"e040":{"name":"Repeat"},"e041":{"name":"Repeat One"},"e042":{"name":"Replay"},"e059":{"name":"Replay 10"},"e05a":{"name":"Replay 30"},"e05b":{"name":"Replay 5"},"e15e":{"name":"Reply"},"e15f":{"name":"Reply All"},"e160":{"name":"Report"},"e8b2":{"name":"Report Problem"},"e56c":{"name":"Restaurant"},"e561":{"name":"Restaurant Menu"},"e8b3":{"name":"Restore"},"e929":{"name":"Restore Page"},"e0d1":{"name":"Ring Volume"},"e8b4":{"name":"Room"},"eb49":{"name":"Room Service"},"e418":{"name":"Rotate 90 Degrees Ccw"},"e419":{"name":"Rotate Left"},"e41a":{"name":"Rotate Right"},"e920":{"name":"Rounded Corner"},"e328":{"name":"Router"},"e921":{"name":"Rowing"},"e0e5":{"name":"Rss Feed"},"e642":{"name":"Rv Hookup"},"e562":{"name":"Satellite"},"e161":{"name":"Save"},"e329":{"name":"Scanner"},"e8b5":{"name":"Schedule"},"e80c":{"name":"School"},"e1be":{"name":"Screen Lock Landscape"},"e1bf":{"name":"Screen Lock Portrait"},"e1c0":{"name":"Screen Lock Rotation"},"e1c1":{"name":"Screen Rotation"},"e0e2":{"name":"Screen Share"},"e623":{"name":"Sd Card"},"e1c2":{"name":"Sd Storage"},"e8b6":{"name":"Search"},"e32a":{"name":"Security"},"e162":{"name":"Select All"},"e163":{"name":"Send"},"e811":{"name":"Sentiment Dissatisfied"},"e812":{"name":"Sentiment Neutral"},"e813":{"name":"Sentiment Satisfied"},"e814":{"name":"Sentiment Very Dissatisfied"},"e815":{"name":"Sentiment Very Satisfied"},"e8b8":{"name":"Settings"},"e8b9":{"name":"Settings Applications"},"e8ba":{"name":"Settings Backup Restore"},"e8bb":{"name":"Settings Bluetooth"},"e8bd":{"name":"Settings Brightness"},"e8bc":{"name":"Settings Cell"},"e8be":{"name":"Settings Ethernet"},"e8bf":{"name":"Settings Input Antenna"},"e8c0":{"name":"Settings Input Component"},"e8c1":{"name":"Settings Input Composite"},"e8c2":{"name":"Settings Input Hdmi"},"e8c3":{"name":"Settings Input Svideo"},"e8c4":{"name":"Settings Overscan"},"e8c5":{"name":"Settings Phone"},"e8c6":{"name":"Settings Power"},"e8c7":{"name":"Settings Remote"},"e1c3":{"name":"Settings System Daydream"},"e8c8":{"name":"Settings Voice"},"e80d":{"name":"Share"},"e8c9":{"name":"Shop"},"e8ca":{"name":"Shop Two"},"e8cb":{"name":"Shopping Basket"},"e8cc":{"name":"Shopping Cart"},"e261":{"name":"Short Text"},"e6e1":{"name":"Show Chart"},"e043":{"name":"Shuffle"},"e1c8":{"name":"Signal Cellular 4 Bar"},"e1cd":{"name":"Signal Cellular Connected No Internet 4 Bar"},"e1ce":{"name":"Signal Cellular No Sim"},"e1cf":{"name":"Signal Cellular Null"},"e1d0":{"name":"Signal Cellular Off"},"e1d8":{"name":"Signal Wifi 4 Bar"},"e1d9":{"name":"Signal Wifi 4 Bar Lock"},"e1da":{"name":"Signal Wifi Off"},"e32b":{"name":"Sim Card"},"e624":{"name":"Sim Card Alert"},"e044":{"name":"Skip Next"},"e045":{"name":"Skip Previous"},"e41b":{"name":"Slideshow"},"e068":{"name":"Slow Motion Video"},"e32c":{"name":"Smartphone"},"eb4a":{"name":"Smoke Free"},"eb4b":{"name":"Smoking Rooms"},"e625":{"name":"Sms"},"e626":{"name":"Sms Failed"},"e046":{"name":"Snooze"},"e164":{"name":"Sort"},"e053":{"name":"Sort By Alpha"},"eb4c":{"name":"Spa"},"e256":{"name":"Space Bar"},"e32d":{"name":"Speaker"},"e32e":{"name":"Speaker Group"},"e8cd":{"name":"Speaker Notes"},"e92a":{"name":"Speaker Notes Off"},"e0d2":{"name":"Speaker Phone"},"e8ce":{"name":"Spellcheck"},"e838":{"name":"Star"},"e83a":{"name":"Star Border"},"e839":{"name":"Star Half"},"e8d0":{"name":"Stars"},"e0d3":{"name":"Stay Current Landscape"},"e0d4":{"name":"Stay Current Portrait"},"e0d5":{"name":"Stay Primary Landscape"},"e0d6":{"name":"Stay Primary Portrait"},"e047":{"name":"Stop"},"e0e3":{"name":"Stop Screen Share"},"e1db":{"name":"Storage"},"e8d1":{"name":"Store"},"e563":{"name":"Store Mall Directory"},"e41c":{"name":"Straighten"},"e56e":{"name":"Streetview"},"e257":{"name":"Strikethrough S"},"e41d":{"name":"Style"},"e5d9":{"name":"Subdirectory Arrow Left"},"e5da":{"name":"Subdirectory Arrow Right"},"e8d2":{"name":"Subject"},"e064":{"name":"Subscriptions"},"e048":{"name":"Subtitles"},"e56f":{"name":"Subway"},"e8d3":{"name":"Supervisor Account"},"e049":{"name":"Surround Sound"},"e0d7":{"name":"Swap Calls"},"e8d4":{"name":"Swap Horiz"},"e8d5":{"name":"Swap Vert"},"e8d6":{"name":"Swap Vertical Circle"},"e41e":{"name":"Switch Camera"},"e41f":{"name":"Switch Video"},"e627":{"name":"Sync"},"e628":{"name":"Sync Disabled"},"e629":{"name":"Sync Problem"},"e62a":{"name":"System Update"},"e8d7":{"name":"System Update Alt"},"e8d8":{"name":"Tab"},"e8d9":{"name":"Tab Unselected"},"e32f":{"name":"Tablet"},"e330":{"name":"Tablet Android"},"e331":{"name":"Tablet Mac"},"e420":{"name":"Tag Faces"},"e62b":{"name":"Tap And Play"},"e564":{"name":"Terrain"},"e262":{"name":"Text Fields"},"e165":{"name":"Text Format"},"e0d8":{"name":"Textsms"},"e421":{"name":"Texture"},"e8da":{"name":"Theaters"},"e8db":{"name":"Thumb Down"},"e8dc":{"name":"Thumb Up"},"e8dd":{"name":"Thumbs Up Down"},"e62c":{"name":"Time To Leave"},"e422":{"name":"Timelapse"},"e922":{"name":"Timeline"},"e425":{"name":"Timer"},"e423":{"name":"Timer 10"},"e424":{"name":"Timer 3"},"e426":{"name":"Timer Off"},"e264":{"name":"Title"},"e8de":{"name":"Toc"},"e8df":{"name":"Today"},"e8e0":{"name":"Toll"},"e427":{"name":"Tonality"},"e913":{"name":"Touch App"},"e332":{"name":"Toys"},"e8e1":{"name":"Track Changes"},"e565":{"name":"Traffic"},"e570":{"name":"Train"},"e571":{"name":"Tram"},"e572":{"name":"Transfer Within A Station"},"e428":{"name":"Transform"},"e8e2":{"name":"Translate"},"e8e3":{"name":"Trending Down"},"e8e4":{"name":"Trending Flat"},"e8e5":{"name":"Trending Up"},"e429":{"name":"Tune"},"e8e6":{"name":"Turned In"},"e8e7":{"name":"Turned In Not"},"e333":{"name":"Tv"},"e169":{"name":"Unarchive"},"e166":{"name":"Undo"},"e5d6":{"name":"Unfold Less"},"e5d7":{"name":"Unfold More"},"e923":{"name":"Update"},"e1e0":{"name":"Usb"},"e8e8":{"name":"Verified User"},"e258":{"name":"Vertical Align Bottom"},"e259":{"name":"Vertical Align Center"},"e25a":{"name":"Vertical Align Top"},"e62d":{"name":"Vibration"},"e070":{"name":"Video Call"},"e071":{"name":"Video Label"},"e04a":{"name":"Video Library"},"e04b":{"name":"Videocam"},"e04c":{"name":"Videocam Off"},"e338":{"name":"Videogame Asset"},"e8e9":{"name":"View Agenda"},"e8ea":{"name":"View Array"},"e8eb":{"name":"View Carousel"},"e8ec":{"name":"View Column"},"e42a":{"name":"View Comfy"},"e42b":{"name":"View Compact"},"e8ed":{"name":"View Day"},"e8ee":{"name":"View Headline"},"e8ef":{"name":"View List"},"e8f0":{"name":"View Module"},"e8f1":{"name":"View Quilt"},"e8f2":{"name":"View Stream"},"e8f3":{"name":"View Week"},"e435":{"name":"Vignette"},"e8f4":{"name":"Visibility"},"e8f5":{"name":"Visibility Off"},"e62e":{"name":"Voice Chat"},"e0d9":{"name":"Voicemail"},"e04d":{"name":"Volume Down"},"e04e":{"name":"Volume Mute"},"e04f":{"name":"Volume Off"},"e050":{"name":"Volume Up"},"e0da":{"name":"Vpn Key"},"e62f":{"name":"Vpn Lock"},"e1bc":{"name":"Wallpaper"},"e002":{"name":"Warning"},"e334":{"name":"Watch"},"e924":{"name":"Watch Later"},"e42c":{"name":"Wb Auto"},"e42d":{"name":"Wb Cloudy"},"e42e":{"name":"Wb Incandescent"},"e436":{"name":"Wb Iridescent"},"e430":{"name":"Wb Sunny"},"e63d":{"name":"Wc"},"e051":{"name":"Web"},"e069":{"name":"Web Asset"},"e16b":{"name":"Weekend"},"e80e":{"name":"Whatshot"},"e1bd":{"name":"Widgets"},"e63e":{"name":"Wifi"},"e1e1":{"name":"Wifi Lock"},"e1e2":{"name":"Wifi Tethering"},"e8f9":{"name":"Work"},"e25b":{"name":"Wrap Text"},"e8fa":{"name":"Youtube Searched For"},"e8ff":{"name":"Zoom In"},"e900":{"name":"Zoom Out"},"e56b":{"name":"Zoom Out Map"}}} \ No newline at end of file diff --git a/lib/card/test/example/_theme/fonts/material-icon-font/MaterialIcons-Regular.svg b/lib/card/test/example/_theme/fonts/material-icon-font/MaterialIcons-Regular.svg new file mode 100644 index 0000000..a449327 --- /dev/null +++ b/lib/card/test/example/_theme/fonts/material-icon-font/MaterialIcons-Regular.svg @@ -0,0 +1,2373 @@ + + + + + +Created by FontForge 20151118 at Mon Feb 8 11:58:02 2016 + By shyndman +Copyright 2015 Google, Inc. All Rights Reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/lib/card/test/example/_theme/fonts/material-icon-font/MaterialIcons-Regular.ttf b/lib/card/test/example/_theme/fonts/material-icon-font/MaterialIcons-Regular.ttf new file mode 100644 index 0000000..7015564 Binary files /dev/null and b/lib/card/test/example/_theme/fonts/material-icon-font/MaterialIcons-Regular.ttf differ diff --git a/lib/card/test/example/_theme/fonts/material-icon-font/MaterialIcons-Regular.woff b/lib/card/test/example/_theme/fonts/material-icon-font/MaterialIcons-Regular.woff new file mode 100644 index 0000000..b648a3e Binary files /dev/null and b/lib/card/test/example/_theme/fonts/material-icon-font/MaterialIcons-Regular.woff differ diff --git a/lib/card/test/example/_theme/fonts/material-icon-font/MaterialIcons-Regular.woff2 b/lib/card/test/example/_theme/fonts/material-icon-font/MaterialIcons-Regular.woff2 new file mode 100644 index 0000000..9fa2112 Binary files /dev/null and b/lib/card/test/example/_theme/fonts/material-icon-font/MaterialIcons-Regular.woff2 differ diff --git a/lib/card/test/example/_theme/fonts/material-icon-font/README.md b/lib/card/test/example/_theme/fonts/material-icon-font/README.md new file mode 100644 index 0000000..ce4141e --- /dev/null +++ b/lib/card/test/example/_theme/fonts/material-icon-font/README.md @@ -0,0 +1,9 @@ +The recommended way to use the Material Icons font is by linking to the web font hosted on Google Fonts: + +```html + +``` + +Read more in our full usage guide: +http://google.github.io/material-design-icons/#icon-font-for-the-web diff --git a/lib/card/test/example/_theme/fonts/material-icon-font/codepoints b/lib/card/test/example/_theme/fonts/material-icon-font/codepoints new file mode 100644 index 0000000..3c8b075 --- /dev/null +++ b/lib/card/test/example/_theme/fonts/material-icon-font/codepoints @@ -0,0 +1,932 @@ +3d_rotation e84d +ac_unit eb3b +access_alarm e190 +access_alarms e191 +access_time e192 +accessibility e84e +accessible e914 +account_balance e84f +account_balance_wallet e850 +account_box e851 +account_circle e853 +adb e60e +add e145 +add_a_photo e439 +add_alarm e193 +add_alert e003 +add_box e146 +add_circle e147 +add_circle_outline e148 +add_location e567 +add_shopping_cart e854 +add_to_photos e39d +add_to_queue e05c +adjust e39e +airline_seat_flat e630 +airline_seat_flat_angled e631 +airline_seat_individual_suite e632 +airline_seat_legroom_extra e633 +airline_seat_legroom_normal e634 +airline_seat_legroom_reduced e635 +airline_seat_recline_extra e636 +airline_seat_recline_normal e637 +airplanemode_active e195 +airplanemode_inactive e194 +airplay e055 +airport_shuttle eb3c +alarm e855 +alarm_add e856 +alarm_off e857 +alarm_on e858 +album e019 +all_inclusive eb3d +all_out e90b +android e859 +announcement e85a +apps e5c3 +archive e149 +arrow_back e5c4 +arrow_downward e5db +arrow_drop_down e5c5 +arrow_drop_down_circle e5c6 +arrow_drop_up e5c7 +arrow_forward e5c8 +arrow_upward e5d8 +art_track e060 +aspect_ratio e85b +assessment e85c +assignment e85d +assignment_ind e85e +assignment_late e85f +assignment_return e860 +assignment_returned e861 +assignment_turned_in e862 +assistant e39f +assistant_photo e3a0 +attach_file e226 +attach_money e227 +attachment e2bc +audiotrack e3a1 +autorenew e863 +av_timer e01b +backspace e14a +backup e864 +battery_alert e19c +battery_charging_full e1a3 +battery_full e1a4 +battery_std e1a5 +battery_unknown e1a6 +beach_access eb3e +beenhere e52d +block e14b +bluetooth e1a7 +bluetooth_audio e60f +bluetooth_connected e1a8 +bluetooth_disabled e1a9 +bluetooth_searching e1aa +blur_circular e3a2 +blur_linear e3a3 +blur_off e3a4 +blur_on e3a5 +book e865 +bookmark e866 +bookmark_border e867 +border_all e228 +border_bottom e229 +border_clear e22a +border_color e22b +border_horizontal e22c +border_inner e22d +border_left e22e +border_outer e22f +border_right e230 +border_style e231 +border_top e232 +border_vertical e233 +branding_watermark e06b +brightness_1 e3a6 +brightness_2 e3a7 +brightness_3 e3a8 +brightness_4 e3a9 +brightness_5 e3aa +brightness_6 e3ab +brightness_7 e3ac +brightness_auto e1ab +brightness_high e1ac +brightness_low e1ad +brightness_medium e1ae +broken_image e3ad +brush e3ae +bubble_chart e6dd +bug_report e868 +build e869 +burst_mode e43c +business e0af +business_center eb3f +cached e86a +cake e7e9 +call e0b0 +call_end e0b1 +call_made e0b2 +call_merge e0b3 +call_missed e0b4 +call_missed_outgoing e0e4 +call_received e0b5 +call_split e0b6 +call_to_action e06c +camera e3af +camera_alt e3b0 +camera_enhance e8fc +camera_front e3b1 +camera_rear e3b2 +camera_roll e3b3 +cancel e5c9 +card_giftcard e8f6 +card_membership e8f7 +card_travel e8f8 +casino eb40 +cast e307 +cast_connected e308 +center_focus_strong e3b4 +center_focus_weak e3b5 +change_history e86b +chat e0b7 +chat_bubble e0ca +chat_bubble_outline e0cb +check e5ca +check_box e834 +check_box_outline_blank e835 +check_circle e86c +chevron_left e5cb +chevron_right e5cc +child_care eb41 +child_friendly eb42 +chrome_reader_mode e86d +class e86e +clear e14c +clear_all e0b8 +close e5cd +closed_caption e01c +cloud e2bd +cloud_circle e2be +cloud_done e2bf +cloud_download e2c0 +cloud_off e2c1 +cloud_queue e2c2 +cloud_upload e2c3 +code e86f +collections e3b6 +collections_bookmark e431 +color_lens e3b7 +colorize e3b8 +comment e0b9 +compare e3b9 +compare_arrows e915 +computer e30a +confirmation_number e638 +contact_mail e0d0 +contact_phone e0cf +contacts e0ba +content_copy e14d +content_cut e14e +content_paste e14f +control_point e3ba +control_point_duplicate e3bb +copyright e90c +create e150 +create_new_folder e2cc +credit_card e870 +crop e3be +crop_16_9 e3bc +crop_3_2 e3bd +crop_5_4 e3bf +crop_7_5 e3c0 +crop_din e3c1 +crop_free e3c2 +crop_landscape e3c3 +crop_original e3c4 +crop_portrait e3c5 +crop_rotate e437 +crop_square e3c6 +dashboard e871 +data_usage e1af +date_range e916 +dehaze e3c7 +delete e872 +delete_forever e92b +delete_sweep e16c +description e873 +desktop_mac e30b +desktop_windows e30c +details e3c8 +developer_board e30d +developer_mode e1b0 +device_hub e335 +devices e1b1 +devices_other e337 +dialer_sip e0bb +dialpad e0bc +directions e52e +directions_bike e52f +directions_boat e532 +directions_bus e530 +directions_car e531 +directions_railway e534 +directions_run e566 +directions_subway e533 +directions_transit e535 +directions_walk e536 +disc_full e610 +dns e875 +do_not_disturb e612 +do_not_disturb_alt e611 +do_not_disturb_off e643 +do_not_disturb_on e644 +dock e30e +domain e7ee +done e876 +done_all e877 +donut_large e917 +donut_small e918 +drafts e151 +drag_handle e25d +drive_eta e613 +dvr e1b2 +edit e3c9 +edit_location e568 +eject e8fb +email e0be +enhanced_encryption e63f +equalizer e01d +error e000 +error_outline e001 +euro_symbol e926 +ev_station e56d +event e878 +event_available e614 +event_busy e615 +event_note e616 +event_seat e903 +exit_to_app e879 +expand_less e5ce +expand_more e5cf +explicit e01e +explore e87a +exposure e3ca +exposure_neg_1 e3cb +exposure_neg_2 e3cc +exposure_plus_1 e3cd +exposure_plus_2 e3ce +exposure_zero e3cf +extension e87b +face e87c +fast_forward e01f +fast_rewind e020 +favorite e87d +favorite_border e87e +featured_play_list e06d +featured_video e06e +feedback e87f +fiber_dvr e05d +fiber_manual_record e061 +fiber_new e05e +fiber_pin e06a +fiber_smart_record e062 +file_download e2c4 +file_upload e2c6 +filter e3d3 +filter_1 e3d0 +filter_2 e3d1 +filter_3 e3d2 +filter_4 e3d4 +filter_5 e3d5 +filter_6 e3d6 +filter_7 e3d7 +filter_8 e3d8 +filter_9 e3d9 +filter_9_plus e3da +filter_b_and_w e3db +filter_center_focus e3dc +filter_drama e3dd +filter_frames e3de +filter_hdr e3df +filter_list e152 +filter_none e3e0 +filter_tilt_shift e3e2 +filter_vintage e3e3 +find_in_page e880 +find_replace e881 +fingerprint e90d +first_page e5dc +fitness_center eb43 +flag e153 +flare e3e4 +flash_auto e3e5 +flash_off e3e6 +flash_on e3e7 +flight e539 +flight_land e904 +flight_takeoff e905 +flip e3e8 +flip_to_back e882 +flip_to_front e883 +folder e2c7 +folder_open e2c8 +folder_shared e2c9 +folder_special e617 +font_download e167 +format_align_center e234 +format_align_justify e235 +format_align_left e236 +format_align_right e237 +format_bold e238 +format_clear e239 +format_color_fill e23a +format_color_reset e23b +format_color_text e23c +format_indent_decrease e23d +format_indent_increase e23e +format_italic e23f +format_line_spacing e240 +format_list_bulleted e241 +format_list_numbered e242 +format_paint e243 +format_quote e244 +format_shapes e25e +format_size e245 +format_strikethrough e246 +format_textdirection_l_to_r e247 +format_textdirection_r_to_l e248 +format_underlined e249 +forum e0bf +forward e154 +forward_10 e056 +forward_30 e057 +forward_5 e058 +free_breakfast eb44 +fullscreen e5d0 +fullscreen_exit e5d1 +functions e24a +g_translate e927 +gamepad e30f +games e021 +gavel e90e +gesture e155 +get_app e884 +gif e908 +golf_course eb45 +gps_fixed e1b3 +gps_not_fixed e1b4 +gps_off e1b5 +grade e885 +gradient e3e9 +grain e3ea +graphic_eq e1b8 +grid_off e3eb +grid_on e3ec +group e7ef +group_add e7f0 +group_work e886 +hd e052 +hdr_off e3ed +hdr_on e3ee +hdr_strong e3f1 +hdr_weak e3f2 +headset e310 +headset_mic e311 +healing e3f3 +hearing e023 +help e887 +help_outline e8fd +high_quality e024 +highlight e25f +highlight_off e888 +history e889 +home e88a +hot_tub eb46 +hotel e53a +hourglass_empty e88b +hourglass_full e88c +http e902 +https e88d +image e3f4 +image_aspect_ratio e3f5 +import_contacts e0e0 +import_export e0c3 +important_devices e912 +inbox e156 +indeterminate_check_box e909 +info e88e +info_outline e88f +input e890 +insert_chart e24b +insert_comment e24c +insert_drive_file e24d +insert_emoticon e24e +insert_invitation e24f +insert_link e250 +insert_photo e251 +invert_colors e891 +invert_colors_off e0c4 +iso e3f6 +keyboard e312 +keyboard_arrow_down e313 +keyboard_arrow_left e314 +keyboard_arrow_right e315 +keyboard_arrow_up e316 +keyboard_backspace e317 +keyboard_capslock e318 +keyboard_hide e31a +keyboard_return e31b +keyboard_tab e31c +keyboard_voice e31d +kitchen eb47 +label e892 +label_outline e893 +landscape e3f7 +language e894 +laptop e31e +laptop_chromebook e31f +laptop_mac e320 +laptop_windows e321 +last_page e5dd +launch e895 +layers e53b +layers_clear e53c +leak_add e3f8 +leak_remove e3f9 +lens e3fa +library_add e02e +library_books e02f +library_music e030 +lightbulb_outline e90f +line_style e919 +line_weight e91a +linear_scale e260 +link e157 +linked_camera e438 +list e896 +live_help e0c6 +live_tv e639 +local_activity e53f +local_airport e53d +local_atm e53e +local_bar e540 +local_cafe e541 +local_car_wash e542 +local_convenience_store e543 +local_dining e556 +local_drink e544 +local_florist e545 +local_gas_station e546 +local_grocery_store e547 +local_hospital e548 +local_hotel e549 +local_laundry_service e54a +local_library e54b +local_mall e54c +local_movies e54d +local_offer e54e +local_parking e54f +local_pharmacy e550 +local_phone e551 +local_pizza e552 +local_play e553 +local_post_office e554 +local_printshop e555 +local_see e557 +local_shipping e558 +local_taxi e559 +location_city e7f1 +location_disabled e1b6 +location_off e0c7 +location_on e0c8 +location_searching e1b7 +lock e897 +lock_open e898 +lock_outline e899 +looks e3fc +looks_3 e3fb +looks_4 e3fd +looks_5 e3fe +looks_6 e3ff +looks_one e400 +looks_two e401 +loop e028 +loupe e402 +low_priority e16d +loyalty e89a +mail e158 +mail_outline e0e1 +map e55b +markunread e159 +markunread_mailbox e89b +memory e322 +menu e5d2 +merge_type e252 +message e0c9 +mic e029 +mic_none e02a +mic_off e02b +mms e618 +mode_comment e253 +mode_edit e254 +monetization_on e263 +money_off e25c +monochrome_photos e403 +mood e7f2 +mood_bad e7f3 +more e619 +more_horiz e5d3 +more_vert e5d4 +motorcycle e91b +mouse e323 +move_to_inbox e168 +movie e02c +movie_creation e404 +movie_filter e43a +multiline_chart e6df +music_note e405 +music_video e063 +my_location e55c +nature e406 +nature_people e407 +navigate_before e408 +navigate_next e409 +navigation e55d +near_me e569 +network_cell e1b9 +network_check e640 +network_locked e61a +network_wifi e1ba +new_releases e031 +next_week e16a +nfc e1bb +no_encryption e641 +no_sim e0cc +not_interested e033 +note e06f +note_add e89c +notifications e7f4 +notifications_active e7f7 +notifications_none e7f5 +notifications_off e7f6 +notifications_paused e7f8 +offline_pin e90a +ondemand_video e63a +opacity e91c +open_in_browser e89d +open_in_new e89e +open_with e89f +pages e7f9 +pageview e8a0 +palette e40a +pan_tool e925 +panorama e40b +panorama_fish_eye e40c +panorama_horizontal e40d +panorama_vertical e40e +panorama_wide_angle e40f +party_mode e7fa +pause e034 +pause_circle_filled e035 +pause_circle_outline e036 +payment e8a1 +people e7fb +people_outline e7fc +perm_camera_mic e8a2 +perm_contact_calendar e8a3 +perm_data_setting e8a4 +perm_device_information e8a5 +perm_identity e8a6 +perm_media e8a7 +perm_phone_msg e8a8 +perm_scan_wifi e8a9 +person e7fd +person_add e7fe +person_outline e7ff +person_pin e55a +person_pin_circle e56a +personal_video e63b +pets e91d +phone e0cd +phone_android e324 +phone_bluetooth_speaker e61b +phone_forwarded e61c +phone_in_talk e61d +phone_iphone e325 +phone_locked e61e +phone_missed e61f +phone_paused e620 +phonelink e326 +phonelink_erase e0db +phonelink_lock e0dc +phonelink_off e327 +phonelink_ring e0dd +phonelink_setup e0de +photo e410 +photo_album e411 +photo_camera e412 +photo_filter e43b +photo_library e413 +photo_size_select_actual e432 +photo_size_select_large e433 +photo_size_select_small e434 +picture_as_pdf e415 +picture_in_picture e8aa +picture_in_picture_alt e911 +pie_chart e6c4 +pie_chart_outlined e6c5 +pin_drop e55e +place e55f +play_arrow e037 +play_circle_filled e038 +play_circle_outline e039 +play_for_work e906 +playlist_add e03b +playlist_add_check e065 +playlist_play e05f +plus_one e800 +poll e801 +polymer e8ab +pool eb48 +portable_wifi_off e0ce +portrait e416 +power e63c +power_input e336 +power_settings_new e8ac +pregnant_woman e91e +present_to_all e0df +print e8ad +priority_high e645 +public e80b +publish e255 +query_builder e8ae +question_answer e8af +queue e03c +queue_music e03d +queue_play_next e066 +radio e03e +radio_button_checked e837 +radio_button_unchecked e836 +rate_review e560 +receipt e8b0 +recent_actors e03f +record_voice_over e91f +redeem e8b1 +redo e15a +refresh e5d5 +remove e15b +remove_circle e15c +remove_circle_outline e15d +remove_from_queue e067 +remove_red_eye e417 +remove_shopping_cart e928 +reorder e8fe +repeat e040 +repeat_one e041 +replay e042 +replay_10 e059 +replay_30 e05a +replay_5 e05b +reply e15e +reply_all e15f +report e160 +report_problem e8b2 +restaurant e56c +restaurant_menu e561 +restore e8b3 +restore_page e929 +ring_volume e0d1 +room e8b4 +room_service eb49 +rotate_90_degrees_ccw e418 +rotate_left e419 +rotate_right e41a +rounded_corner e920 +router e328 +rowing e921 +rss_feed e0e5 +rv_hookup e642 +satellite e562 +save e161 +scanner e329 +schedule e8b5 +school e80c +screen_lock_landscape e1be +screen_lock_portrait e1bf +screen_lock_rotation e1c0 +screen_rotation e1c1 +screen_share e0e2 +sd_card e623 +sd_storage e1c2 +search e8b6 +security e32a +select_all e162 +send e163 +sentiment_dissatisfied e811 +sentiment_neutral e812 +sentiment_satisfied e813 +sentiment_very_dissatisfied e814 +sentiment_very_satisfied e815 +settings e8b8 +settings_applications e8b9 +settings_backup_restore e8ba +settings_bluetooth e8bb +settings_brightness e8bd +settings_cell e8bc +settings_ethernet e8be +settings_input_antenna e8bf +settings_input_component e8c0 +settings_input_composite e8c1 +settings_input_hdmi e8c2 +settings_input_svideo e8c3 +settings_overscan e8c4 +settings_phone e8c5 +settings_power e8c6 +settings_remote e8c7 +settings_system_daydream e1c3 +settings_voice e8c8 +share e80d +shop e8c9 +shop_two e8ca +shopping_basket e8cb +shopping_cart e8cc +short_text e261 +show_chart e6e1 +shuffle e043 +signal_cellular_4_bar e1c8 +signal_cellular_connected_no_internet_4_bar e1cd +signal_cellular_no_sim e1ce +signal_cellular_null e1cf +signal_cellular_off e1d0 +signal_wifi_4_bar e1d8 +signal_wifi_4_bar_lock e1d9 +signal_wifi_off e1da +sim_card e32b +sim_card_alert e624 +skip_next e044 +skip_previous e045 +slideshow e41b +slow_motion_video e068 +smartphone e32c +smoke_free eb4a +smoking_rooms eb4b +sms e625 +sms_failed e626 +snooze e046 +sort e164 +sort_by_alpha e053 +spa eb4c +space_bar e256 +speaker e32d +speaker_group e32e +speaker_notes e8cd +speaker_notes_off e92a +speaker_phone e0d2 +spellcheck e8ce +star e838 +star_border e83a +star_half e839 +stars e8d0 +stay_current_landscape e0d3 +stay_current_portrait e0d4 +stay_primary_landscape e0d5 +stay_primary_portrait e0d6 +stop e047 +stop_screen_share e0e3 +storage e1db +store e8d1 +store_mall_directory e563 +straighten e41c +streetview e56e +strikethrough_s e257 +style e41d +subdirectory_arrow_left e5d9 +subdirectory_arrow_right e5da +subject e8d2 +subscriptions e064 +subtitles e048 +subway e56f +supervisor_account e8d3 +surround_sound e049 +swap_calls e0d7 +swap_horiz e8d4 +swap_vert e8d5 +swap_vertical_circle e8d6 +switch_camera e41e +switch_video e41f +sync e627 +sync_disabled e628 +sync_problem e629 +system_update e62a +system_update_alt e8d7 +tab e8d8 +tab_unselected e8d9 +tablet e32f +tablet_android e330 +tablet_mac e331 +tag_faces e420 +tap_and_play e62b +terrain e564 +text_fields e262 +text_format e165 +textsms e0d8 +texture e421 +theaters e8da +thumb_down e8db +thumb_up e8dc +thumbs_up_down e8dd +time_to_leave e62c +timelapse e422 +timeline e922 +timer e425 +timer_10 e423 +timer_3 e424 +timer_off e426 +title e264 +toc e8de +today e8df +toll e8e0 +tonality e427 +touch_app e913 +toys e332 +track_changes e8e1 +traffic e565 +train e570 +tram e571 +transfer_within_a_station e572 +transform e428 +translate e8e2 +trending_down e8e3 +trending_flat e8e4 +trending_up e8e5 +tune e429 +turned_in e8e6 +turned_in_not e8e7 +tv e333 +unarchive e169 +undo e166 +unfold_less e5d6 +unfold_more e5d7 +update e923 +usb e1e0 +verified_user e8e8 +vertical_align_bottom e258 +vertical_align_center e259 +vertical_align_top e25a +vibration e62d +video_call e070 +video_label e071 +video_library e04a +videocam e04b +videocam_off e04c +videogame_asset e338 +view_agenda e8e9 +view_array e8ea +view_carousel e8eb +view_column e8ec +view_comfy e42a +view_compact e42b +view_day e8ed +view_headline e8ee +view_list e8ef +view_module e8f0 +view_quilt e8f1 +view_stream e8f2 +view_week e8f3 +vignette e435 +visibility e8f4 +visibility_off e8f5 +voice_chat e62e +voicemail e0d9 +volume_down e04d +volume_mute e04e +volume_off e04f +volume_up e050 +vpn_key e0da +vpn_lock e62f +wallpaper e1bc +warning e002 +watch e334 +watch_later e924 +wb_auto e42c +wb_cloudy e42d +wb_incandescent e42e +wb_iridescent e436 +wb_sunny e430 +wc e63d +web e051 +web_asset e069 +weekend e16b +whatshot e80e +widgets e1bd +wifi e63e +wifi_lock e1e1 +wifi_tethering e1e2 +work e8f9 +wrap_text e25b +youtube_searched_for e8fa +zoom_in e8ff +zoom_out e900 +zoom_out_map e56b diff --git a/lib/card/test/example/_theme/fonts/material-icon-font/material-icons.css b/lib/card/test/example/_theme/fonts/material-icon-font/material-icons.css new file mode 100644 index 0000000..2270c09 --- /dev/null +++ b/lib/card/test/example/_theme/fonts/material-icon-font/material-icons.css @@ -0,0 +1,36 @@ +@font-face { + font-family: 'Material Icons'; + font-style: normal; + font-weight: 400; + src: url(MaterialIcons-Regular.eot); /* For IE6-8 */ + src: local('Material Icons'), + local('MaterialIcons-Regular'), + url(MaterialIcons-Regular.woff2) format('woff2'), + url(MaterialIcons-Regular.woff) format('woff'), + url(MaterialIcons-Regular.ttf) format('truetype'); +} + +.material-icons { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; /* Preferred icon size */ + display: inline-block; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + + /* Support for IE. */ + font-feature-settings: 'liga'; +} diff --git a/lib/card/test/example/_theme/index.html b/lib/card/test/example/_theme/index.html new file mode 100644 index 0000000..cb7f442 --- /dev/null +++ b/lib/card/test/example/_theme/index.html @@ -0,0 +1,138 @@ + + + + + + + + HTML Cards + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/lib/card/test/example/_theme/sass/_colors_001.sass b/lib/card/test/example/_theme/sass/_colors_001.sass new file mode 100644 index 0000000..3dfa222 --- /dev/null +++ b/lib/card/test/example/_theme/sass/_colors_001.sass @@ -0,0 +1,7 @@ +$a: #ff77a5 +$b: #1eb4e9 +$c: #22d5a5 +$d: #f65d3b +$e: #fcb95a +$f: #1eb4e9 +$g: #ff77a5 \ No newline at end of file diff --git a/lib/card/test/example/_theme/sass/_colors_002.sass b/lib/card/test/example/_theme/sass/_colors_002.sass new file mode 100644 index 0000000..0497767 --- /dev/null +++ b/lib/card/test/example/_theme/sass/_colors_002.sass @@ -0,0 +1,7 @@ +$a: #f5f3ad //OLD +$b: #FF0000 //OLD +$c: #99d1ed +$d: #aed3b3 +$e: #FF0000 //OLD +$f: #f5adac // +$g: #c499ed \ No newline at end of file diff --git a/lib/card/test/example/_theme/sass/_colors_003.sass b/lib/card/test/example/_theme/sass/_colors_003.sass new file mode 100644 index 0000000..74f3b1f --- /dev/null +++ b/lib/card/test/example/_theme/sass/_colors_003.sass @@ -0,0 +1,7 @@ +$a: #fb8072 +$b: #80b1d3 +$c: #8dd3c7 +$d: #fdb462 +$e: #ffed6f +$f: #bc80bd +$g: #ccebc5 \ No newline at end of file diff --git a/lib/card/test/example/_theme/sass/_colors_old.sass b/lib/card/test/example/_theme/sass/_colors_old.sass new file mode 100644 index 0000000..39f70d3 --- /dev/null +++ b/lib/card/test/example/_theme/sass/_colors_old.sass @@ -0,0 +1,7 @@ +$a: #e1dea7 +$b: #dec1b2 +$c: #c8d9d7 +$d: #b0c6b2 +$e: #bebebe +$f: #dec1b2 +$g: #c3c0d1 \ No newline at end of file diff --git a/lib/card/test/example/_theme/sass/_essentials.scss b/lib/card/test/example/_theme/sass/_essentials.scss new file mode 100644 index 0000000..509fc34 --- /dev/null +++ b/lib/card/test/example/_theme/sass/_essentials.scss @@ -0,0 +1,52 @@ +/** + The essential.scss defines proerties that + are essential for the basic features of an + info card and are completely +*/ +.unselectable { + user-select: none; +} + +.info-card { + position: absolute; + user-select: none; +} + +.zoomable-wrapper { + display: inline-block; + align-self: center; + + figure { + // Is required that the zoomable tween works properly. + display: inline-block; + } + + // Problem with display-block is, that it produces spaces + // when elements contain a linebreak. Setting the font-size + // to 0 prevents that. + font-size: 0; + + figcaption { + font-size: initial; + } + + //Discuss: There is a weird div that needs to be scaled + // alongside. Maybe this introduces the jittering of the graphic. + // Try to get rid of it + // - SO + & > figure > div { + height: 100%; + } + + svg { + overflow: visible; + width: 100%; + height: 100%; + } +} + +div { + // Resets a weird styling, when certain elements + // are (long) clicked on using a touch screen. + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} diff --git a/lib/card/test/example/_theme/sass/_icons.scss b/lib/card/test/example/_theme/sass/_icons.scss new file mode 100644 index 0000000..f608061 --- /dev/null +++ b/lib/card/test/example/_theme/sass/_icons.scss @@ -0,0 +1,43 @@ + +@import "_variables.scss"; +$material-icons-font-family: "Material Icons"; + +@font-face { + font-family: $material-icons-font-family; + font-style: normal; + font-weight: 400; + src: url(../fonts/material-icon-font/MaterialIcons-Regular.eot); /* For IE6-8 */ + src: local('Material Icons'), + local('MaterialIcons-Regular'), + url(../fonts/material-icon-font/MaterialIcons-Regular.woff2) format('woff2'), + url(../fonts/material-icon-font/MaterialIcons-Regular.woff) format('woff'), + url(../fonts/material-icon-font/MaterialIcons-Regular.ttf) format('truetype'); + } + + .material-icons { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; /* Preferred icon size */ + display: inline-block; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + + /* Support for IE. */ + font-feature-settings: 'liga'; + } + + + \ No newline at end of file diff --git a/lib/card/test/example/_theme/sass/_mixins.scss b/lib/card/test/example/_theme/sass/_mixins.scss new file mode 100644 index 0000000..7d34752 --- /dev/null +++ b/lib/card/test/example/_theme/sass/_mixins.scss @@ -0,0 +1,5 @@ +@mixin beforeClass($selector){ + @at-root #{selector-unify(&, $selector + ":before")} { + @content + } +} \ No newline at end of file diff --git a/lib/card/test/example/_theme/sass/_overrides.scss b/lib/card/test/example/_theme/sass/_overrides.scss new file mode 100644 index 0000000..3afe8d3 --- /dev/null +++ b/lib/card/test/example/_theme/sass/_overrides.scss @@ -0,0 +1,38 @@ +/* + If any default style by the browser or + certain plugins (e.g. Bulma) needs to be overwritten, + this can be done in this file. +*/ + +/* Remove the negative margin from Bulma's columns. */ +.columns { + margin: 0 !important; + box-sizing: border-box; +} + +.content { + h1,h2,h3,h4,h5,h6 { + color: unset; + } + + &:not(:last-child){ + margin-bottom: 0; + } +} + +.button { + border-color: unset; + border: unset; + border-radius: unset; + + &:active, + &:hover + { + border-color: unset; + } +} + +.icon { + width: unset; + height: unset; +} \ No newline at end of file diff --git a/lib/card/test/example/_theme/sass/_variables.scss b/lib/card/test/example/_theme/sass/_variables.scss new file mode 100644 index 0000000..791ebf3 --- /dev/null +++ b/lib/card/test/example/_theme/sass/_variables.scss @@ -0,0 +1,114 @@ + + +/* Color */ + +$black: #191919; +$white: #f2f2f2; +$gray-light: #e5e5e5; +$gray: #6f6f6e; +$gray-dark: #333333; + + +$blue: #008bd2; +$blue-light: #33a2db; +$blue-lighter: #99d1ed; +$blue-dark: #004669; +$blue-darker: #002335; + +$red: #e73230; +$red-light: #ff5f5d; +$red-lighter: #f5adac; +$red-dark: #741918; +$red-darker: #3a0c0c; + +$yellow: #e5e133; +$yellow-light: #eae75c; +$yellow-lighter: #f5f3ad; +$yellow-dark: #807d1c; +$yellow-darker: #0d2510; + +$green: #349240; +$green-light: #85be8c; +$green-lighter: #aed3b3; +$green-dark: #1a4920; +$green-darker: #002335; + +$purple: #6b00d1; +$purple-light: #8933da; +$purple-lighter: #c499ed; +$purple-dark: #360069; +$purple-darker: #1b0034; + + +$tuebingen-red: $red; +$link-color: $blue; + +/* Font Properties */ +$card-font-color: $white; +$font-family: "Calibri", sans-serif; + +$tiny-font-size: 8px; +$small-font-size: 18px; +$regular-font-size: 26px; +$large-font-size: 36px; +$title-font-size: 52px; + +$strong-font-weight: 700; +$medium-font-weight: 500; +$light-font-weight: 300; + +/* Spacing */ +$grid-space: 25px; +$default-space: 20px; +$article-space: 30px; +$border-space: 3* $default-space; + + +/* Borders */ +$default-radius: 3px; + +/* Shadows */ +$near-hover-shadow: 1px 2px 5px rgba(0,0,0,0.5); +$medium-hover-shadow: 2px 3px 25px rgba(0,0,0,0.3); + +/* +$context: "../../../../../.."; +$white: #FEFEFE; +$shady-white: rgb(240, 240, 240); +$gray: #CCC; +$dark: #333; +$black: #222; + +$small-edge-radius: 3px; +$big-edge-radius: 10px; + +$small-pad: 16px; +$big-pad: 32px; +$tuebingen-red: #e73230; + +$increased-letter-spacing: 0.1em; + + + + + +$font-color: $black; + + + +$text-font-size: 26px; +$medium-font-size: 28px; +$large-font-size: 32px; + +$regular-font-size: 1.451rem; + + +$subtitle-font-size: $medium-font-size; +$title-font-size: $subtitle-font-size * 1.641; + +/* Font Weights *//* +$strong-font-weight: 700; +$medium-font-weight: 500; +$light-font-weight: 300; + +*/ \ No newline at end of file diff --git a/lib/card/test/example/_theme/sass/bundle.sass b/lib/card/test/example/_theme/sass/bundle.sass new file mode 100644 index 0000000..beeaeb5 --- /dev/null +++ b/lib/card/test/example/_theme/sass/bundle.sass @@ -0,0 +1,4 @@ +@import 'card.scss' +@import 'subcard.scss' +@import 'highlight.scss' +@import 'popup.scss' \ No newline at end of file diff --git a/lib/card/test/example/_theme/sass/card.scss b/lib/card/test/example/_theme/sass/card.scss new file mode 100644 index 0000000..ae714b9 --- /dev/null +++ b/lib/card/test/example/_theme/sass/card.scss @@ -0,0 +1,474 @@ +@import '_mixins.scss'; +@import '_variables.scss'; +@import '_essentials.scss'; +@import '_overrides.scss'; +@import '_icons.scss'; + +/** +* The card.scss is responsible for styling the top level of the card. +* +* + Info-Card +* ++ Header +* +++ Thubnail +* +++ Overview +* ++ Subcards-Container +* +++ n * Subcards +*/ + +.info-card { + font-family: $font-family; + color: white; + background-color: #333; + box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5); + border-radius: 3px; + + .ui { + width: 100%; + display: flex; + justify-content: flex-end; + padding: 10px; + z-index: 11; + position: absolute; + top: 0; + } + + .speech { + width: 52px; + height: 52px; + } + + &:before { + content: ''; + + display: block; + content: ''; + position: absolute; + z-index: -1; + + // SIZE + + $border: 16px; + border-radius: 3px; + + top: -$border/2; + left: -$border/2; + width: calc(100% + #{$border}); + height: calc(100% + #{$border}); + + // BACKGROUND + + box-shadow: 0 0 15px #008bd2; + + background: repeating-linear-gradient( + -45deg, + #008bd2, + #008bd2 20px, + #33a2db 20px, + #33a2db 40px + ); + + // ANIMATION + background-size: 56px 56px; /* This is unique for this background, need to find a pattern and develop a formula */ + background-position-x: 0%; + -webkit-animation: 'slide' 20s infinite linear forwards; + + opacity: 0; + transition: opacity 1s; + } + + &.speech-plugin-is-reading { + .speech.button:before { + content: 'stop'; + } + + &:before { + opacity: 1; + } + } + + @-webkit-keyframes 'slide' { + 0% { + background-position-x: 0%; + } + 100% { + background-position-x: 100%; + } + } + + .img-overlay { + position: absolute; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.3); + z-index: 200; + + //padding: $default-space; + + display: none; + align-items: center; + justify-content: center; + + img { + // padding: $default-space; + width: 100%; + height: 100%; + object-fit: contain; + } + + @keyframes pulse { + } + } + + nav { + z-index: 200; + position: absolute; + top: $default-space; + right: $default-space; + + > * { + margin-right: $default-space / 3; + } + } + + a { + // display: inline-block; + color: $link-color; + + &:hover { + color: $link-color; + } + } + + .mainview { + display: flex; + flex-direction: column; + height: 100%; + + //Inherits from info-card + border-radius: inherit; + } + + p { + font-size: $regular-font-size; + } + + header { + height: 35%; + color: $white; + background: linear-gradient(to top, $gray-dark, $gray 200%); + padding: $default-space * 3; + padding-bottom: $default-space; + border-radius: inherit; + + display: grid; + grid-template-columns: 1fr 2fr; + grid-gap: 20px; + + //box-shadow: $near-hover-box-shadow; + z-index: 1; + + h1 { + -webkit-margin-before: 0; + font-size: $title-font-size; + font-weight: 500; + margin-bottom: -2px; + } + + .overview { + // margin-left: $default-space; + padding: 0 $default-space; + margin-top: 0; + display: flex; + flex-direction: column; + grid-column-start:2; + //justify-content: flex-end; + } + + p { + font-weight: 400; + } + + p.misc { + font-size: $regular-font-size; + font-style: italic; + font-weight: 300; + opacity: 0.5; + margin-bottom: 0.641em; + + // // Added an icon before the build date. + // // Just for testing. + // &:before { + // opacity: 0.5; + // position: relative; + // top: 5px; + // margin-right: 10px; + // font-style: normal; + // content: "build"; + // font: { + // family: $material-icons-font-family; + // }; + // } + } + } + + .thumbnail-wrapper { + overflow: hidden; + border-radius: $default-radius; + + &:before { + content: ' '; + position: absolute; + width: 100%; + height: 100%; + + // z-index: 1; + box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8); + } + + // Discuss: I added this for the thumbnail zoom icon + // explicitly. I got rid of the .zoomicon class, because + // everything was a zoomicon. + // Now every icon is just an icon. The icons directly on the + // subcards are card-icons. + // + // But a name for icons that can be on content elements of any + // card page is yet to be found. (e.g. zoomables). + .button { + position: absolute; + bottom: 0; + right: 0; + } + } + + .thumbnail { + height: 100%; + min-width: 100%; + object-fit: cover; + overflow: hidden; + } + + /* + This mixin selects the elements of $selector + and adjust the style it there are n children of this selector + inside the parent. + */ + @mixin childCountIs($selector, $n) { + // #{$var} just prints the string to css. + #{$selector}:first-child:nth-last-child(#{$n}), + #{$selector}:first-child:nth-last-child(#{$n}) ~ #{$selector} { + // @content prints the content to the mixin. + @content; + } + } + + .subcards-container { + // flex: 1; + background-color: $gray-dark; + height: 65%; + + // We should use css-grids instead of flexbox here: + // https://www.w3.org/TR/css-grid-1/ + //"Unlike Flexible Box Layout, which is single-axis–oriented, + // Grid Layout is optimized for 2-dimensional layouts: + // those in which alignment of content is desired in both dimensions." + display: grid; + + // Not sure why, but 1fr does not behave in the rows as expected: + // Expectation: All space is available and therefore 1fr means + // Half of the space available. + grid-auto-rows: 1fr; + grid-gap: $default-space; + padding: $default-space * 3; + padding-top: $default-space; + + // The fr stands for fraction and should be preferably used with css grids. + grid-template-columns: repeat(9, 1fr); + grid-template-areas: '. tl tl tl . tr tr tr .' '. bl bl bl . br br br .'; + + @include childCountIs('.subcard-wrapper', 5) { + &:nth-child(4) { + grid-area: bl; + } + + &:nth-child(5) { + grid-area: br; + } + } + + @include childCountIs('.subcard-wrapper', 4) { + &:first-child { + grid-area: tl; + } + + &:nth-child(2) { + grid-area: tr; + } + + &:nth-child(3) { + grid-area: bl; + } + + &:nth-child(4) { + grid-area: br; + } + } + + @include childCountIs('.subcard-wrapper', 3) { + &:first-child { + grid-area: tl; + } + + &:nth-child(2) { + grid-area: tr; + } + + &:nth-child(3) { + grid-row: 2; + grid-column: 4 / 7; + } + } + + .subcard-wrapper { + padding: 0; + } + + > div { + width: auto; + grid-column: span 3; + } + } +} + +.card-icon, +.zoomable-icon { + position: absolute; + bottom: 0; + right: 0; +} + +.speech-only-text { + opacity: 0; + position: absolute; + user-select: none; + pointer-events: none; + z-index: -1; +} + +figure { + position: relative; + border: 3px solid $white; + box-shadow: $near-hover-shadow; + -webkit-margin-before: 0; + -webkit-margin-after: 0; + -webkit-margin-start: 0; + -webkit-margin-end: 0; +} + +figure .icon { + position: absolute; + bottom: 0; + right: 0; + border-radius: $default-radius 0 0 0; +} + +.view-button.icon { + position: absolute; + bottom: 0; + right: 0; + padding: 26px 26px; + margin: -23px -13px; + + // padding: $default-space/2 $default-space; + + &.inverted { + // background-color: transparent; + + &:before { + color: $white; + } + } + + &:before { + color: $gray-dark; + font-size: $large-font-size; + text-shadow: 0 0 3px rgba(0, 0, 0, 0.2); + } +} + +.icon { + min-width: 44px; + min-height: 44px; + color: $black; + background-color: $white; + pointer-events: none; + + &.button { + pointer-events: all; + border-radius: $default-radius; + + &.corner-button { + border-radius: 0; + + &.bottom-right { + border-top-left-radius: $default-radius; + } + } + } + + &.inverted { + color: $white; + background-color: $black; + } + + &.transparent-background { + background-color: transparent; + } + + &.active { + color: $white; + background-color: $link-color; + } + + &:before { + // This is a nice feature of SASS + // It lets you split attributes into + // namespaces. + // + // font-family:#, font-weight:#, font-size:# + // ==> font {family: #, weight: #, size: # } + font: { + family: $material-icons-font-family; + size: 36px; + } + + @include beforeClass('.info') { + content: 'info_outline'; + } + + @include beforeClass('.close') { + content: 'close'; + } + + @include beforeClass('.zoom') { + content: 'search'; + } + + @include beforeClass('.speech') { + content: 'record_voice_over'; + } + + @include beforeClass('.language') { + content: 'language'; + } + } +} + +.info-card.debug { + .view-button { + background-color: rgba(255, 0, 0, 0.5) !important; + + &.disabled { + filter: grayscale(1); + } + } +} diff --git a/lib/card/test/example/_theme/sass/editor.scss b/lib/card/test/example/_theme/sass/editor.scss new file mode 100644 index 0000000..ef6f833 --- /dev/null +++ b/lib/card/test/example/_theme/sass/editor.scss @@ -0,0 +1,6 @@ +html, body { + position: relative; + margin:0; + padding:0; + height:100%; +} \ No newline at end of file diff --git a/lib/card/test/example/_theme/sass/highlight.scss b/lib/card/test/example/_theme/sass/highlight.scss new file mode 100644 index 0000000..aa44416 --- /dev/null +++ b/lib/card/test/example/_theme/sass/highlight.scss @@ -0,0 +1,12 @@ +circle +{ + stroke-width: 1; + stroke: white; + fill: transparent; +} + +mask circle +{ + stroke-width: 0; + fill: white; +} diff --git a/lib/card/test/example/_theme/sass/popup.scss b/lib/card/test/example/_theme/sass/popup.scss new file mode 100644 index 0000000..cfa0329 --- /dev/null +++ b/lib/card/test/example/_theme/sass/popup.scss @@ -0,0 +1,39 @@ +@import "_variables.scss"; +@import "_icons.scss"; + +.popup { + width: 800px; + width: fit-content; + min-width: 400px; + color: $black; + background-color: $white; + border-radius: $default-radius; + box-shadow: 0 0 100px rgba(0,0,0,0.3),$medium-hover-shadow, 0 0 4px rgba(0,0,0,0.8); + padding: $default-space *2* 0.641 $default-space*2; + + img { + display: block; + margin: auto; + + &:not(:first-child){ + margin-top: $default-space; + } + + &:not(:last-child){ + margin-bottom: $default-space; + } + + } + + .notch { + width: 20px; + height: 20px; + border-color: $white; + } +} + +.PopupContent { + p:not(:last-child) { + margin-bottom: $article-space; + } +} diff --git a/lib/card/test/example/_theme/sass/subcard.scss b/lib/card/test/example/_theme/sass/subcard.scss new file mode 100644 index 0000000..32d6542 --- /dev/null +++ b/lib/card/test/example/_theme/sass/subcard.scss @@ -0,0 +1,345 @@ +@import "_variables.scss"; + +/** + The subcards.scss is responsible for all css of the subcards. + Historically, it was always used for the preview-cards on the info-card + and the article page of the corresponding subcard. + + Discuss: Personally I would prefer a strict separation from front page + and article page. But there may be advantages, when the unit 'subcard' + has a stylesheet on it's own. + + - SO + + Structure: + + 1. Shared (Preview and Expanded) + 2. Preview Subcards + 3. Expanded Subcards +*/ + +.info-card { + /* + 1. Shared Properties + */ + .subcard { + display: flex; + flex-direction: column; + color: $black; + position: relative; + border-radius: 3px; + } + + .subcard-content{ + position: relative; + } + + .titlebar { + min-height: 84px; + background: linear-gradient(to top, $gray-dark -100%, $gray 200%); + display: flex; + align-items: center; + justify-content: center; + border-radius: inherit; + + h2 { + color: $white; + font-size: $regular-font-size; + text-transform: uppercase; + letter-spacing: 2px; + line-height: 1.3em; + + // font-weight: $normal-font-weight; + text-align: center; + margin: 0; + padding: $default-space / 2; + } + } + + /* + 2. Preview Properties + */ + .subcards-container { + .subcard-wrapper { + display: flex; + } + + .subcard { + flex: 1; + // Put the subcards before the close button + // to avoid closing when pushing subcard. + z-index: 1; + + box-shadow: $near-hover-shadow; + + //Required for round borders. + overflow: hidden; + } + + $titlebar-height: 27%; + + .titlebar { + min-height: $titlebar-height; + } + + .subcard-content { + flex: 1; + display: flex; + flex-direction: column; + overflow: hidden; + } + + .wrapper { + display: flex; + overflow: hidden; + flex:1; + // height: 100% - $titlebar-height; + + .preview { + display: flex; + background-color: $white; + align-items: center; + justify-content: center; + width: 100%; + height: 100%; + + p { + //font-size: $large-font-size; + // line-height: $large-font-size*1.3; + font-style: italic; + color: $gray; + font-weight: 500; + text-align: center; + padding: 2 * $default-space; + } + + // Cover the whole preview area! + img { + // The position is set to absolute + // then we can use the 1fr unit on the + // grid element. + // + // Otherwise it stretches with content. + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + object-fit: cover; + } + } + } + + .icon { + border-radius: $default-radius 0 0 0; + } + + .subcard.visited { + .icon.info:before { + content: "check"; + } + } + + figure { + //Reset some Bulma default styling. + width: 100%; + height: 100%; + padding: 0; + margin: 0; + border: none; + } + } + + /* + 3. Article Properties + */ + .mainview > .subcard { + + background-color: rgba($black,0.8); + justify-content: center; + .column.content { + flex: 1; + display: flex; + flex-direction: column; + } + + .column.content.wide { + flex: 1 0 55%; + display: flex; + flex-direction: column; + } + + .column.content.narrow { + flex: 1 0 35%; + display: flex; + flex-direction: column; + } + + article { + + background-color: $white; + max-height: 100%; + + p { + line-height: 1.4em; + } + + p:last-child{ + margin-bottom: 0; + } + + p:not(:last-child) { + margin-bottom: 0.5em; + } + + h2 { + font-size: $large-font-size; + } + + h2:not(:first-child) { + margin-top: 0.5em; + } + + .column:not(.zoomable-wrapper) { + margin: $article-space; + } + + a { + + margin: -0px -5px -20px -5px; + padding: 0px 5px 10px 5px; + } + } + + .subcard-content{ + overflow: hidden; + background-color: $white; + box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5) + } + + .subcard-content.dynamic-height { + overflow: visible; + } + + .subcard-content:not(.dynamic-height){ + height: 100%; + } + + .zoomable-wrapper { + padding: 0; + margin: 0; + padding-top: $article-space; + padding-bottom: 2* $article-space; + align-self: center; + flex: 0; + } + + .imggroup { + padding: 0; + margin: 0; + padding-top: $article-space; + padding-bottom: 2* $article-space; + display: flex; + justify-content: space-evenly; + } + } + + & > .zoomable-wrapper, + .mainview > .subcard { + // figure { + // position: relative; + // border: 5px solid white; + // box-shadow: $near-hover-shadow; + // } + + figcaption { + width: 100%; + position: absolute; + text-align: center; + + &.zoomcap { + font-size: $tiny-font-size; + display: none; + top: calc(100% + 10px); + padding: $default-space / 2; + background-color: $white; + box-shadow: $near-hover-shadow; + color: $black; + z-index: -1; + } + + &.cap { + bottom: -40px; + } + } + } + + /* + Colors for the card topics. + */ + @import "_colors_003.sass"; + + /* Remap the colors to the 'bundled' groups. */ + $g: $a; + $a: $b; + $c: $b; + $e: $b; + + @mixin subcard-style($topic-color) { + // border: 2px solid $topic-color; + .titlebar { + border-bottom: 10px solid $topic-color; + // box-shadow: 0 2px 5px rgba($topic-color, 0.5); + z-index: 10; + // background-color: $topic-color; + + position: relative; + } + + } + + .subcard.leben_des_kunstwerks { + @include subcard-style($a); + } + + .subcard.licht_und_farbe { + @include subcard-style($b); + } + + .subcard.extra_info { + @include subcard-style($c); + } + + .subcard.artist { + @include subcard-style($d); + } + + .subcard.komposition { + @include subcard-style($e); + } + + .subcard.details { + @include subcard-style($f); + } + + .subcard.thema { + @include subcard-style($g); + } + +} + +.info-card.debug { + .mainview > .subcard a { + background-color: rgba(102, 51, 153, 0.239); + } + + article { + background-color: rgba(0,255,0,0.5); + } + + .subcard .view-button{ + background-color: rgba(0, 255, 0, 0.5) !important; + } +} + + diff --git a/lib/card/test/example/_theme/templates/article1.html b/lib/card/test/example/_theme/templates/article1.html new file mode 100644 index 0000000..4c18f42 --- /dev/null +++ b/lib/card/test/example/_theme/templates/article1.html @@ -0,0 +1,40 @@ + + + + + + Article with 50% Columns + + + + + + + + + + + + + + + + +
+
+
+

Vom Kriegsgott Mars existieren 2 unterschiedlich hochwertige Abgüsse, die nach dem Modell Giambolognas angefertigt + wurden. Die unterschiedliche Qualität von Abgüssen ergibt sich aus dem Aufwand der Oberflächenbearbeitung +  nach dem Guss.

+
+
+

Der früheste nachgewiesene Abguss gelangte 1587 als persönliches Geschenk des Künstlers an den sächsischen + Kurfürsten Christian I., der dem Bildhauer als Dank eine goldene Kette zukommen ließ. Dieses Dresdner + Exemplar ist noch qualitätsvoller als die Braunschweiger Version. Aus dem mit ihm verknüpften Datum wird + übrigens auf eine Entstehungszeit des Modells vor 1587 geschlossen.

+
+
+
+ + + \ No newline at end of file diff --git a/lib/card/test/example/_theme/templates/article2.html b/lib/card/test/example/_theme/templates/article2.html new file mode 100644 index 0000000..3c86f4c --- /dev/null +++ b/lib/card/test/example/_theme/templates/article2.html @@ -0,0 +1,38 @@ + + + + + + Article with 2/3 & 1/3 Columns + + + + + + + + + + + + + + +
+
+
+

Vom Kriegsgott Mars existieren 2 unterschiedlich hochwertige Abgüsse, die nach dem Modell Giambolognas angefertigt + wurden. Die unterschiedliche Qualität von Abgüssen ergibt sich aus dem Aufwand der Oberflächenbearbeitung +  nach dem Guss.

+
+
+

Der früheste nachgewiesene Abguss gelangte 1587 als persönliches Geschenk des Künstlers an den sächsischen + Kurfürsten Christian I., der dem Bildhauer als Dank eine goldene Kette zukommen ließ. Dieses Dresdner + Exemplar ist noch qualitätsvoller als die Braunschweiger Version. Aus dem mit ihm verknüpften Datum wird + übrigens auf eine Entstehungszeit des Modells vor 1587 geschlossen.

+
+
+
+ + + \ No newline at end of file diff --git a/lib/card/test/example/_theme/templates/article3.html b/lib/card/test/example/_theme/templates/article3.html new file mode 100644 index 0000000..6d755e5 --- /dev/null +++ b/lib/card/test/example/_theme/templates/article3.html @@ -0,0 +1,53 @@ + + + + + + Article with 50% Columns and Imagegroup + + + + + + + + + + + + + + + +
+
+
+

Vom Kriegsgott Mars existieren 2 unterschiedlich hochwertige Abgüsse, die nach dem Modell Giambolognas angefertigt + wurden. Die unterschiedliche Qualität von Abgüssen ergibt sich aus dem Aufwand der Oberflächenbearbeitung +  nach dem Guss.

+
+
+

Der früheste nachgewiesene Abguss gelangte 1587 als persönliches Geschenk des Künstlers an den sächsischen + Kurfürsten Christian I., der dem Bildhauer als Dank eine goldene Kette zukommen ließ. Dieses Dresdner + Exemplar ist noch qualitätsvoller als die Braunschweiger Version. Aus dem mit ihm verknüpften Datum wird + übrigens auf eine Entstehungszeit des Modells vor 1587 geschlossen.

+
+
+
+
+
+ +
A Lady
+
+
+
+
+ +
A Lady
+
+
+
+
+ + + \ No newline at end of file diff --git a/lib/card/test/example/_theme/templates/index.html b/lib/card/test/example/_theme/templates/index.html new file mode 100644 index 0000000..278e665 --- /dev/null +++ b/lib/card/test/example/_theme/templates/index.html @@ -0,0 +1,42 @@ + + + + + + Card + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+
+

Titel

+

Misc

+

Verschiedenes

+
+
+
+
+
+ + + diff --git a/lib/card/test/example/_theme/templates/popup.html b/lib/card/test/example/_theme/templates/popup.html new file mode 100644 index 0000000..f10ffd8 --- /dev/null +++ b/lib/card/test/example/_theme/templates/popup.html @@ -0,0 +1,26 @@ + + + + + + Popup + + + + + + + + + + + + + + + +
+
+ + + \ No newline at end of file diff --git a/lib/card/test/example/_theme/templates/templates.html b/lib/card/test/example/_theme/templates/templates.html new file mode 100644 index 0000000..06a6034 --- /dev/null +++ b/lib/card/test/example/_theme/templates/templates.html @@ -0,0 +1,94 @@ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/lib/card/test/index.html b/lib/card/test/index.html new file mode 100644 index 0000000..475c9f1 --- /dev/null +++ b/lib/card/test/index.html @@ -0,0 +1,94 @@ + + + + + + + Card Debugging + + + + + + +
+
+
+
+
Add
+
+
+
Delete
+
+
+
+ + + + + + + diff --git a/package-lock.json b/package-lock.json index f518d77..29e4ed0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2224,8 +2224,7 @@ "version": "0.1.2", "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz", "integrity": "sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=", - "dev": true, - "optional": true + "dev": true }, "expand-brackets": { "version": "2.1.4",