","
"]},sa=da(y),ta=sa.appendChild(y.createElement("div"));ra.optgroup=ra.option,ra.tbody=ra.tfoot=ra.colgroup=ra.caption=ra.thead,ra.th=ra.td;function ua(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ua(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function va(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wa(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xa(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function ya(a){var b=pa.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function za(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Aa(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Ba(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xa(b).text=a.text,ya(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!ga.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(ta.innerHTML=a.outerHTML,ta.removeChild(f=ta.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ua(f),h=ua(a),g=0;null!=(e=h[g]);++g)d[g]&&Ba(e,d[g]);if(b)if(c)for(h=h||ua(a),d=d||ua(f),g=0;null!=(e=h[g]);g++)Aa(e,d[g]);else Aa(a,f);return d=ua(f,"script"),d.length>0&&za(d,!i&&ua(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=da(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(la.test(f)){h=h||o.appendChild(b.createElement("div")),i=(ja.exec(f)||["",""])[1].toLowerCase(),l=ra[i]||ra._default,h.innerHTML=l[1]+f.replace(ia,"<$1>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&ha.test(f)&&p.push(b.createTextNode(ha.exec(f)[0])),!k.tbody){f="table"!==i||ka.test(f)?"| t |
").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){m.fn[b]=function(a){return this.on(b,a)}}),m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cc=a.document.documentElement;function dc(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dc(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cc;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cc})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dc(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=La(k.pixelPosition,function(a,c){return c?(c=Ja(a,b),Ha.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ec=a.jQuery,fc=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fc),b&&a.jQuery===m&&(a.jQuery=ec),m},typeof b===K&&(a.jQuery=a.$=m),m});
-
-!function(){"use strict";function t(o){if(!o)throw new Error("No options passed to Waypoint constructor");if(!o.element)throw new Error("No element option passed to Waypoint constructor");if(!o.handler)throw new Error("No handler option passed to Waypoint constructor");this.key="waypoint-"+e,this.options=t.Adapter.extend({},t.defaults,o),this.element=this.options.element,this.adapter=new t.Adapter(this.element),this.callback=o.handler,this.axis=this.options.horizontal?"horizontal":"vertical",this.enabled=this.options.enabled,this.triggerPoint=null,this.group=t.Group.findOrCreate({name:this.options.group,axis:this.axis}),this.context=t.Context.findOrCreateByElement(this.options.context),t.offsetAliases[this.options.offset]&&(this.options.offset=t.offsetAliases[this.options.offset]),this.group.add(this),this.context.add(this),i[this.key]=this,e+=1}var e=0,i={};t.prototype.queueTrigger=function(t){this.group.queueTrigger(this,t)},t.prototype.trigger=function(t){this.enabled&&this.callback&&this.callback.apply(this,t)},t.prototype.destroy=function(){this.context.remove(this),this.group.remove(this),delete i[this.key]},t.prototype.disable=function(){return this.enabled=!1,this},t.prototype.enable=function(){return this.context.refresh(),this.enabled=!0,this},t.prototype.next=function(){return this.group.next(this)},t.prototype.previous=function(){return this.group.previous(this)},t.invokeAll=function(t){var e=[];for(var o in i)e.push(i[o]);for(var n=0,r=e.length;r>n;n++)e[n][t]()},t.destroyAll=function(){t.invokeAll("destroy")},t.disableAll=function(){t.invokeAll("disable")},t.enableAll=function(){t.Context.refreshAll();for(var e in i)i[e].enabled=!0;return this},t.refreshAll=function(){t.Context.refreshAll()},t.viewportHeight=function(){return window.innerHeight||document.documentElement.clientHeight},t.viewportWidth=function(){return document.documentElement.clientWidth},t.adapters=[],t.defaults={context:window,continuous:!0,enabled:!0,group:"default",horizontal:!1,offset:0},t.offsetAliases={"bottom-in-view":function(){return this.context.innerHeight()-this.adapter.outerHeight()},"right-in-view":function(){return this.context.innerWidth()-this.adapter.outerWidth()}},window.Waypoint=t}(),function(){"use strict";function t(t){window.setTimeout(t,1e3/60)}function e(t){this.element=t,this.Adapter=n.Adapter,this.adapter=new this.Adapter(t),this.key="waypoint-context-"+i,this.didScroll=!1,this.didResize=!1,this.oldScroll={x:this.adapter.scrollLeft(),y:this.adapter.scrollTop()},this.waypoints={vertical:{},horizontal:{}},t.waypointContextKey=this.key,o[t.waypointContextKey]=this,i+=1,n.windowContext||(n.windowContext=!0,n.windowContext=new e(window)),this.createThrottledScrollHandler(),this.createThrottledResizeHandler()}var i=0,o={},n=window.Waypoint,r=window.onload;e.prototype.add=function(t){var e=t.options.horizontal?"horizontal":"vertical";this.waypoints[e][t.key]=t,this.refresh()},e.prototype.checkEmpty=function(){var t=this.Adapter.isEmptyObject(this.waypoints.horizontal),e=this.Adapter.isEmptyObject(this.waypoints.vertical),i=this.element==this.element.window;t&&e&&!i&&(this.adapter.off(".waypoints"),delete o[this.key])},e.prototype.createThrottledResizeHandler=function(){function t(){e.handleResize(),e.didResize=!1}var e=this;this.adapter.on("resize.waypoints",function(){e.didResize||(e.didResize=!0,n.requestAnimationFrame(t))})},e.prototype.createThrottledScrollHandler=function(){function t(){e.handleScroll(),e.didScroll=!1}var e=this;this.adapter.on("scroll.waypoints",function(){(!e.didScroll||n.isTouch)&&(e.didScroll=!0,n.requestAnimationFrame(t))})},e.prototype.handleResize=function(){n.Context.refreshAll()},e.prototype.handleScroll=function(){var t={},e={horizontal:{newScroll:this.adapter.scrollLeft(),oldScroll:this.oldScroll.x,forward:"right",backward:"left"},vertical:{newScroll:this.adapter.scrollTop(),oldScroll:this.oldScroll.y,forward:"down",backward:"up"}};for(var i in e){var o=e[i],n=o.newScroll>o.oldScroll,r=n?o.forward:o.backward;for(var s in this.waypoints[i]){var a=this.waypoints[i][s];if(null!==a.triggerPoint){var l=o.oldScroll=a.triggerPoint,p=l&&h,u=!l&&!h;(p||u)&&(a.queueTrigger(r),t[a.group.id]=a.group)}}}for(var c in t)t[c].flushTriggers();this.oldScroll={x:e.horizontal.newScroll,y:e.vertical.newScroll}},e.prototype.innerHeight=function(){return this.element==this.element.window?n.viewportHeight():this.adapter.innerHeight()},e.prototype.remove=function(t){delete this.waypoints[t.axis][t.key],this.checkEmpty()},e.prototype.innerWidth=function(){return this.element==this.element.window?n.viewportWidth():this.adapter.innerWidth()},e.prototype.destroy=function(){var t=[];for(var e in this.waypoints)for(var i in this.waypoints[e])t.push(this.waypoints[e][i]);for(var o=0,n=t.length;n>o;o++)t[o].destroy()},e.prototype.refresh=function(){var t,e=this.element==this.element.window,i=e?void 0:this.adapter.offset(),o={};this.handleScroll(),t={horizontal:{contextOffset:e?0:i.left,contextScroll:e?0:this.oldScroll.x,contextDimension:this.innerWidth(),oldScroll:this.oldScroll.x,forward:"right",backward:"left",offsetProp:"left"},vertical:{contextOffset:e?0:i.top,contextScroll:e?0:this.oldScroll.y,contextDimension:this.innerHeight(),oldScroll:this.oldScroll.y,forward:"down",backward:"up",offsetProp:"top"}};for(var r in t){var s=t[r];for(var a in this.waypoints[r]){var l,h,p,u,c,d=this.waypoints[r][a],f=d.options.offset,w=d.triggerPoint,y=0,g=null==w;d.element!==d.element.window&&(y=d.adapter.offset()[s.offsetProp]),"function"==typeof f?f=f.apply(d):"string"==typeof f&&(f=parseFloat(f),d.options.offset.indexOf("%")>-1&&(f=Math.ceil(s.contextDimension*f/100))),l=s.contextScroll-s.contextOffset,d.triggerPoint=Math.floor(y+l-f),h=w=s.oldScroll,u=h&&p,c=!h&&!p,!g&&u?(d.queueTrigger(s.backward),o[d.group.id]=d.group):!g&&c?(d.queueTrigger(s.forward),o[d.group.id]=d.group):g&&s.oldScroll>=d.triggerPoint&&(d.queueTrigger(s.forward),o[d.group.id]=d.group)}}return n.requestAnimationFrame(function(){for(var t in o)o[t].flushTriggers()}),this},e.findOrCreateByElement=function(t){return e.findByElement(t)||new e(t)},e.refreshAll=function(){for(var t in o)o[t].refresh()},e.findByElement=function(t){return o[t.waypointContextKey]},window.onload=function(){r&&r(),e.refreshAll()},n.requestAnimationFrame=function(e){var i=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||t;i.call(window,e)},n.Context=e}(),function(){"use strict";function t(t,e){return t.triggerPoint-e.triggerPoint}function e(t,e){return e.triggerPoint-t.triggerPoint}function i(t){this.name=t.name,this.axis=t.axis,this.id=this.name+"-"+this.axis,this.waypoints=[],this.clearTriggerQueues(),o[this.axis][this.name]=this}var o={vertical:{},horizontal:{}},n=window.Waypoint;i.prototype.add=function(t){this.waypoints.push(t)},i.prototype.clearTriggerQueues=function(){this.triggerQueues={up:[],down:[],left:[],right:[]}},i.prototype.flushTriggers=function(){for(var i in this.triggerQueues){var o=this.triggerQueues[i],n="up"===i||"left"===i;o.sort(n?e:t);for(var r=0,s=o.length;s>r;r+=1){var a=o[r];(a.options.continuous||r===o.length-1)&&a.trigger([i])}}this.clearTriggerQueues()},i.prototype.next=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints),o=i===this.waypoints.length-1;return o?null:this.waypoints[i+1]},i.prototype.previous=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints);return i?this.waypoints[i-1]:null},i.prototype.queueTrigger=function(t,e){this.triggerQueues[e].push(t)},i.prototype.remove=function(t){var e=n.Adapter.inArray(t,this.waypoints);e>-1&&this.waypoints.splice(e,1)},i.prototype.first=function(){return this.waypoints[0]},i.prototype.last=function(){return this.waypoints[this.waypoints.length-1]},i.findOrCreate=function(t){return o[t.axis][t.name]||new i(t)},n.Group=i}(),function(){"use strict";function t(t){this.$element=e(t)}var e=window.jQuery,i=window.Waypoint;e.each(["innerHeight","innerWidth","off","offset","on","outerHeight","outerWidth","scrollLeft","scrollTop"],function(e,i){t.prototype[i]=function(){var t=Array.prototype.slice.call(arguments);return this.$element[i].apply(this.$element,t)}}),e.each(["extend","inArray","isEmptyObject"],function(i,o){t[o]=e[o]}),i.adapters.push({name:"jquery",Adapter:t}),i.Adapter=t}(),function(){"use strict";function t(t){return function(){var i=[],o=arguments[0];return t.isFunction(arguments[0])&&(o=t.extend({},arguments[1]),o.handler=arguments[0]),this.each(function(){var n=t.extend({},o,{element:this});"string"==typeof n.context&&(n.context=t(this).closest(n.context)[0]),i.push(new e(n))}),i}}var e=window.Waypoint;window.jQuery&&(window.jQuery.fn.waypoint=t(window.jQuery)),window.Zepto&&(window.Zepto.fn.waypoint=t(window.Zepto))}();
\ No newline at end of file
diff --git a/public/js/main.js b/public/js/main.js
index 586bc1d..fcc0dc0 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -58,12 +58,13 @@ const is_attraction_type = e => (["tourism", "leisure", "place", "amenity", "hig
const icon_type = (item)=>{
let t = item.type
+ let c = item.category
const arr = ["restaurant", "cafe", "pub", "bar", "fast_food", "food_court"];
if(arr.indexOf(t)!=-1){
return 'utensils';
}else if(t=='hotel' || t=='hostel'){
return 'bed';
- }else if(t=='museum'){
+ }else if(t=='museum' || c=='historic' || t=='place_of_worship'){
return 'landmark';
}else if(t=='peak' || t=='viewpoint'){
return 'mountain';
@@ -79,11 +80,11 @@ const icon_type = (item)=>{
return 'landmark';
}else if(t=='bridge'){
return 'archway';
- }else if(t=='woodland'|| t=='shieling' || t=='national_park' || t=='zoo' || t=='park'){
+ }else if(t=='woodland'|| t=='shieling' || t=='national_park' || t=='zoo' || t=='park' || t=='garden' || 0){
return 'tree';
}else if(t=='water_park', t=='theme_park'){
return 'dice-five';
- }else if(t=='?'){
+ }else if(t=='?' || t=='neighbourhood' || t=='quarter' || c=='highway'){
return '';
}else{
console.log(item.display_name, item.category, item.type);
@@ -112,7 +113,6 @@ const app = new Vue({
main:[],
step_title:[],
},
- vtp: ['view','short'].indexOf(window.location.pathname.split('/')[1]),
query:{hotel:[],flight:[],nominatim:[]},
querying:{hotel:false,flight:false,place:false,food:false},
impexp:"",
@@ -264,7 +264,6 @@ const app = new Vue({
save_data: function(){
this.impexp = toEncoded(JSON.stringify(this.journey_data));
- console.log(this.journey_data)
axios.post('/api/'+this.journey_id, this.journey_data).then(response => {
console.log("Saved...")
}).catch(error => {
@@ -291,7 +290,6 @@ const app = new Vue({
},
created: function () {
axios.get('/api/'+this.journey_id).then(response =>{
- console.log(response)
if(response.data=='') throw "Invalid Journey Data Received";
app.journey_data = response.data;
diff --git a/public/scss/.DS_Store b/public/scss/.DS_Store
deleted file mode 100644
index 5008ddf..0000000
Binary files a/public/scss/.DS_Store and /dev/null differ
diff --git a/public/scss/_settings.scss b/public/scss/_settings.scss
deleted file mode 100644
index 320354e..0000000
--- a/public/scss/_settings.scss
+++ /dev/null
@@ -1,261 +0,0 @@
-/**
- * SETTINGS
- */
-
-$enable-grid-classes: true !default; // generate grid classes
-$enable-reset-defaults: true !default; // reset default browser values
-
-// colors
-$c-white: #fff !default;
-$c-black: #000 !default;
-$c-success: #4caf50 !default;
-$c-info: #5bc0de !default;
-$c-warning: #f0ad4e !default;
-$c-error: #e74c3c !default;
-$c-gray: #969da6 !default;
-$c-gray-light: #eceff1 !default;
-
-$c-primary: #03a9f4 !default;
-$c-secondary: #e91e63 !default;
-$c-dark: #18232f !default;
-$c-light: $c-gray-light !default;
-
-$c-text: #272727 !default;
-$c-link: $c-primary !default;
-$c-link-hover: rgba($c-primary, .8) !default;
-
-$bgc-body: $c-white !default;
-
-$c-map: (
- 'primary': $c-primary,
- 'dark': $c-dark,
- 'secondary': $c-secondary,
- 'white': $c-white,
- 'success': $c-success,
- 'info': $c-info,
- 'warning': $c-warning,
- 'error': $c-error,
- 'gray': $c-gray,
- 'gray-light': $c-gray-light
-) !default;
-
-// Social colors
-$c-fb: rgb(59, 89, 182) !default;
-$c-tw: rgb(64, 153, 255) !default;
-$c-googleplus: rgb(215, 61, 50) !default;
-$c-pinterest: rgb(203, 32, 39) !default;
-$c-skype: rgb(18, 165, 244) !default;
-$c-spotify: rgb(129, 183, 26) !default;
-$c-instagram: #4e433c !default;
-$c-tumblr: #2b4964 !default;
-$c-vimeo: #86b32d !default;
-$c-soundcloud: #f76600 !default;
-$c-youtube: #ff3333 !default;
-$c-linkedin: #4875b4 !default;
-$c-flickr: #fe0883 !default;
-$c-foursquare: #8fd400 !default;
-
-// Shadows
-$bxsh-base: 0 0 5px rgba(0, 0, 0, .2) !default;
-$bxsh-medium: $bxsh-base !default;
-
-// Typography
-$fw-light: 300 !default;
-$fw-normal: 400 !default;
-$fw-bold: 600 !default;
-$fw-headings: $fw-light !default;
-
-$ff-base: 'IBM Plex Sans', sans-serif !default;
-$fw-base: 400 !default;
-$fz-base: 16px !default;
-$lh-base: 1.5em !default;
-
-$fz-huge: 36px !default;
-$fz-big: 24px !default;
-$fz-medium: $fz-base !default;
-$fz-small: 12px !default;
-
-$lh-huge: 1.3em !default;
-$lh-big: 1.3em !default;
-$lh-medium: $lh-base !default;
-$lh-small: 1.3em !default;
-
-// Body
-$c-body: $c-text !default;
-$ff-body: $ff-base !default;
-$fz-body: $fz-base !default;
-$fw-body: $fw-base !default;
-$lh-body: $lh-base !default;
-
-// Border
-$bdc-base: #d5d9db !default;
-$bd-medium: 1px solid $bdc-base !default;
-$bdr-base: 3px !default;
-$bdr-medium: $bdr-base !default;
-$bdr-rounded-corners: 5px !default;
-
-// Defaults (HTML elements)
-$fw-strong: $fw-bold !default;
-$mb-p: 1.5em !default;
-$mb-ul: 1em !default;
-$mb-li: .5em !default;
-
-// Margin
-$m-xsmall: 4px !default;
-$m-small: 8px !default;
-$m-medium: 16px !default;
-$m-big: 36px !default;
-$m-huge: 48px !default;
-
-// Padding
-$p-small: 4px !default;
-$p-medium: 8px !default;
-$p-big: 16px !default;
-$p-huge: 36px !default;
-
-// Layout
-$bgc-container: transparent !default;
-$mwi-container: 1380px !default;
-$mwi-container-medium: 944px !default;
-$mwi-container-small: 400px !default;
-$w-gutter: 24px !default;
-
-// Grid
-$grid-breakpoints: (
- xs: 0,
- sm: 576px,
- md: 768px,
- lg: 992px,
- xl: 1200px
-) !default;
-
-$grid-columns: 12 !default;
-$grid-gutter-width: $w-gutter !default;
-
-$container-max-widths: (
- sm: 540px,
- md: 720px,
- lg: 960px,
- xl: 1140px
-) !default;
-
-/**
- * COMPONENTS
- */
-
-// Badges
-$c-badge: $c-text !default;
-$c-badge-colored: $c-white !default;
-$bg-badge: $c-light !default;
-$bdr-badge: $bdr-medium !default;
-$lh-badge: 1.2em !default;
-$p-badge: $p-medium $p-big !default;
-$fz-badge-big: 1.3em !default;
-$fz-badge-small: .7em !default;
-$badges-color-map: (
- primary: $c-primary,
- secondary: $c-secondary,
- dark: $c-dark,
- light: $c-gray,
- success: $c-success,
- error: $c-error,
- warning: $c-warning
-) !default;
-
-// Buttons
-$bg-button: $c-primary !default;
-$c-button: $c-white !default;
-$c-button-transparent: $c-primary !default;
-$c-button-outlined: $c-primary !default;
-$bdc-button: $bg-button !default;
-$bd-button: 1px solid $bdc-button !default;
-$bdr-button: 200px !default;
-$ff-button: $ff-body !default;
-$fz-button: $fz-medium !default;
-$fw-button: $fw-bold !default;
-$lh-button: $lh-body !default;
-$m-button: 0 $m-small $m-medium $m-small !default;
-$p-button: $p-medium $p-big !default;
-$tt-button: uppercase !default;
-
-$fz-button-big: $fz-big !default;
-$p-button-big: $p-big $p-huge !default;
-
-$fz-button-small: $fz-small !default;
-$p-button-small: $p-small $p-big !default;
-
-// Forms
-$bgc-form: $c-light !default;
-$c-form: $c-text !default;
-$bdr-form: $bdr-medium !default;
-$bd-form: $bd-medium !default;
-$fz-form: $fz-body !default;
-$bgc-form-focus: lighten($bgc-form, 5%) !default;
-$trs-form: background-color .2s ease-in-out !default;
-$c-form-placeholder: $c-gray !default;
-$mih-form-textarea: 120px !default;
-$p-form: $p-medium $p-big !default;
-$size-form-input-icon: 16px !default;
-$c-form-input-icon: $c-gray !default;
-$bd-form-error: 1px solid $c-error !default;
-$bgc-form-error: $bgc-form !default;
-
-// Loading bar
-$h-loading-bar: 6px !default;
-$w-loading-bar: 300px !default;
-$z-loading-bar: 1000 !default;
-
-// Loading spinner
-$bg-loading-spinner: $c-secondary !default;
-$size-loading-spinner-inner: 9px !default;
-$size-loading-spinner: 30px !default;
-$z-loading-spinner: 1000 !default;
-
-// Notification
-$bdr-notification: $bdr-medium !default;
-$c-notification: $c-white !default;
-$mb-notification: $m-big !default;
-$p-notification: $p-big !default;
-
-// Paginator
-$mr-paginator-item: $m-xsmall !default;
-$bdr-paginator-item: $bdr-medium !default;
-$bg-paginator-item: $c-light !default;
-$c-paginator-item: $c-text !default;
-$bg-paginator-item-active: $c-primary !default;
-$c-paginator-item-active: $c-white !default;
-$p-paginator-item: $p-medium $p-big !default;
-
-// Table
-$bgc-table-header: $bgc-body !default;
-$bgc-table: $c-light !default;
-$bd-table: $bd-medium !default;
-$c-table-heading: $c-gray !default;
-$c-table-text: $c-text !default;
-$fw-table-heading: normal !default;
-$mwi-table: 100% !default;
-$p-table-cell: $p-medium !default;
-$p-table-heading: $p-medium !default;
-$w-table: 100% !default;
-$fz-table-heading: $fz-small !default;
-
-// Tabs
-$bdb-tabs-item-selected: 3px solid $c-primary !default;
-$bdb-tabs-item: 3px solid transparent !default;
-$bdb-tabs: $bd-medium !default;
-$c-tabs-item-hover: $c-primary !default;
-$c-tabs-item-selected: $c-primary !default;
-$c-tabs-item: $c-gray !default;
-$m-tabs-item: 0 $m-medium 0 0 !default;
-$miw-tabs-item: 70px !default;
-$p-tabs-item: $p-big !default;
-
-// Tags
-$bg-tag-dot: $bgc-body !default;
-$bg-tag: $c-light !default;
-$bdr-tag: $bdr-medium 0 0 $bdr-medium !default;
-$c-tag: $c-text !default;
-$lh-tag: 16px !default;
-$m-tag: 0 $m-medium $m-medium 0 !default;
-$p-tag: $p-medium !default;
-$size-tag-dot: 5px !default;
diff --git a/public/scss/components/_badge.scss b/public/scss/components/_badge.scss
deleted file mode 100644
index e9418ac..0000000
--- a/public/scss/components/_badge.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * BADGE
- *
- * Markup:
- * -------
- *
- *
- *
- *
- */
-
-
-.table {
- background-color: $bgc-table;
- border: $bd-table;
- border-collapse: collapse;
- color: $c-table-text;
- max-width: $mwi-table;
- width: $w-table;
-
- th,
- td {
- border-bottom: $bd-table;
- padding: $p-table-cell;
- position: relative;
- }
-
- thead {
- border-bottom: $bd-table;
- }
-
- th {
- background-color: $bgc-table-header;
- color: $c-table-heading;
- font-size: $fz-table-heading;
- font-weight: $fw-table-heading;
- padding: $p-table-heading;
- white-space: nowrap;
- }
-}
-
-/**
- * TABLE RESPONSIVE
- *
- * Markup:
- * -------
- *
- *
- *
- *
- */
-
-.table--responsive {
-
- th {
- display: none;
- }
-
- td {
- @include media-breakpoint-down(sm) {
- border: 0;
- }
- display: block;
-
- &::before {
- @include media-breakpoint-up(sm) {
- display: none;
- }
- color: $c-table-heading;
- content: attr(data-th)': ';
- display: block;
- font-weight: normal;
- }
-
- &:first-child {
- border-top: $bd-table;
- }
- }
-
- th,
- td {
- @include media-breakpoint-up(sm) {
- border-top: $bd-table;
- display: table-cell;
- }
- text-align: left;
- }
-}
diff --git a/public/scss/components/_tabs.scss b/public/scss/components/_tabs.scss
deleted file mode 100644
index b2210f9..0000000
--- a/public/scss/components/_tabs.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-/**
- * TABS
- *
- * Markup:
- * -------
- *
- *
- *
- */
-
-.tabs {
- border-bottom: $bdb-tabs;
- text-align: center;
-
- &-item {
- border-bottom: $bdb-tabs-item;
- color: $c-tabs-item;
- display: inline-block;
- margin: $m-tabs-item;
- min-width: $miw-tabs-item;
- padding: $p-tabs-item;
- position: relative;
-
- &:hover {
- color: $c-tabs-item-hover;
- text-decoration: none;
- }
-
- &.is-selected {
- border-bottom: $bdb-tabs-item-selected;
- color: $c-tabs-item-selected;
- }
- }
-}
diff --git a/public/scss/components/_tag.scss b/public/scss/components/_tag.scss
deleted file mode 100644
index 8b43f03..0000000
--- a/public/scss/components/_tag.scss
+++ /dev/null
@@ -1,62 +0,0 @@
-/**
- * TAG
- *
- * Markup:
- * -------
- *
- *
- *
- *
- */
-.table {
- background-color: #eceff1;
- border: 1px solid #d5d9db;
- border-collapse: collapse;
- color: #272727;
- max-width: 100%;
- width: 100%; }
- .table th,
- .table td {
- border-bottom: 1px solid #d5d9db;
- padding: 8px;
- position: relative; }
- .table thead {
- border-bottom: 1px solid #d5d9db; }
- .table th {
- background-color: #fff;
- color: #969da6;
- font-size: 12px;
- font-weight: normal;
- padding: 8px;
- white-space: nowrap; }
-
-/**
- * TABLE RESPONSIVE
- *
- * Markup:
- * -------
- *
- *
- *
- *
- */
-.table--responsive th {
- display: none; }
-
-.table--responsive td {
- display: block; }
- @media (max-width: 767px) {
- .table--responsive td {
- border: 0; } }
- .table--responsive td::before {
- color: #969da6;
- content: attr(data-th) ": ";
- display: block;
- font-weight: normal; }
- @media (min-width: 576px) {
- .table--responsive td::before {
- display: none; } }
- .table--responsive td:first-child {
- border-top: 1px solid #d5d9db; }
-
-.table--responsive th,
-.table--responsive td {
- text-align: left; }
- @media (min-width: 576px) {
- .table--responsive th,
- .table--responsive td {
- border-top: 1px solid #d5d9db;
- display: table-cell; } }
-
-/**
- * TABS
- *
- * Markup:
- * -------
- *
- *
- *
- */
-.tabs {
- border-bottom: 1px solid #d5d9db;
- text-align: center; }
- .tabs-item {
- border-bottom: 3px solid transparent;
- color: #969da6;
- display: inline-block;
- margin: 0 16px 0 0;
- min-width: 70px;
- padding: 16px;
- position: relative; }
- .tabs-item:hover {
- color: #03a9f4;
- text-decoration: none; }
- .tabs-item.is-selected {
- border-bottom: 3px solid #03a9f4;
- color: #03a9f4; }
-
-/**
- * TAG
- *
- * Markup:
- * -------
- *
- *
-
-
-
-
-
- $for(author-meta)$
-
- $endfor$
- $if(date-meta)$
-
- $endif$
- $if(title-prefix)$$title-prefix$ - $endif$$pagetitle$
-
-
- $if(quotes)$
-
- $endif$
- $for(css)$
-
- $endfor$
- $for(header-includes)$
- $header-includes$
- $endfor$
-
-
-
- 
- $endif$
- -
- *
- Badge 1 - *
- Badge 1 - *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- */
-
-
-// prevent input default appearence on webkit
-input,
-textarea {
- appearance: none;
-}
-
-label {
- display: block;
- font-weight: normal;
-}
-
-// Disable webkit background color
-input:-webkit-autofill {
- box-shadow: 0 0 0 1000px $bgc-form inset;
-}
-
-// Common styles
-.textarea,
-.input,
-.select {
- border: $bd-form;
- border-radius: $bdr-form;
- box-shadow: none;
- display: inline-block;
- font-weight: normal;
- margin-bottom: 20px;
- overflow: hidden;
-
- :focus {
- outline: none;
- }
-
- &.has-error {
- background: $bgc-form-error;
- border: $bd-form-error;
- margin-bottom: 0; // we should display an error message
- }
-}
-
-.select {
- background-color: $bgc-form;
- display: inline-block;
- margin-right: $m-medium;
- position: relative;
-
- &:last-child {
- margin-right: 0;
- }
-
- &-fullWidth {
- display: block;
- margin-left: 0;
- margin-right: 0;
- width: 100%;
- }
-
- select {
- appearance: none;
- background-color: transparent;
- border: 0;
- border-radius: 0;
- color: $c-form;
- display: block;
- font-size: $fz-form;
- line-height: $lh-medium;
- margin: 0;
- padding: $p-form;
- padding-right: 30px;
- transition: $trs-form;
- width: 100%;
-
- &:active,
- &:focus {
- background-color: $bgc-form-focus;
- border: 0;
- outline: none;
- }
-
- &::-ms-expand {
- display: none;
- }
- }
-
- &::after,
- &::before {
- background: $c-primary;
- content: '';
- display: block;
- height: 2px;
- margin-top: 2px;
- position: absolute;
- right: 5px;
- top: 50%;
- transform-origin: 1px;
- width: 10px;
- }
-
- &::after {
- transform: rotate(-135deg);
- }
-
- &::before {
- transform: rotate(-45deg);
- }
-}
-
-// textarea
-.textarea {
- background-color: $bgc-form;
- padding: 0;
-
- &-fullWidth {
- display: block;
- margin-left: 0;
- margin-right: 0;
- width: 100%;
- }
-
- textarea {
- background: transparent;
- border: 0;
- color: $c-form;
- display: block;
- font-family: $ff-body;
- font-size: $fz-form;
- line-height: $lh-medium;
- margin: 0;
- min-height: $mih-form-textarea;
- padding: $p-form;
- transition: $trs-form;
- width: 100%;
-
- &::placeholder {
- color: $c-form-placeholder;
- }
-
- &:focus,
- &:active {
- background-color: $bgc-form-focus;
- border: 0;
- outline: none;
- }
- }
-}
-
-
-.checkbox {
- margin-bottom: $m-small;
- position: relative;
-
- input[type='checkbox'] {
- display: none;
-
- &:checked + label::after {
- animation: checkboxAndRadioAnimation .25s;
- content: '';
- transform: scale(1) rotate(45deg);
- }
-
- & + label {
- display: block;
- overflow: hidden;
- padding-left: 30px;
- text-overflow: ellipsis;
- white-space: nowrap;
-
- &::before {
- background-color: $bgc-form;
- border: $bd-form;
- border-radius: $bdr-medium;
- content: '';
- display: inline-block;
- height: 20px;
- left: 0;
- margin-top: -10px;
- position: absolute;
- top: 50%;
- width: 20px;
- }
-
- &::after {
- border-bottom: 3px solid $c-primary;
- border-right: 3px solid $c-primary;
- display: block;
- height: 12px;
- left: 11px;
- margin-left: -4px;
- margin-top: -7px;
- position: absolute;
- top: 50%;
- width: 7px;
- z-index: 1;
- }
- }
- }
-}
-
-.radio {
- margin-bottom: $m-small;
- position: relative;
-
- input[type='radio'] {
- display: none;
-
- &:checked + label::after {
- animation: checkboxAndRadioAnimation .25s;
- content: '';
- transform: scale(1) rotate(45deg);
- }
-
- & + label {
- display: block;
- overflow: hidden;
- padding-left: 30px;
- text-overflow: ellipsis;
- white-space: nowrap;
-
- &::before {
- background-color: $bgc-form;
- border: $bd-form;
- border-radius: 20px;
- content: '';
- display: inline-block;
- height: 20px;
- left: 0;
- margin-top: -10px;
- position: absolute;
- top: 50%;
- width: 20px;
- }
-
- &::after {
- background-color: $c-primary;
- border-radius: 20px;
- display: block;
- height: 10px;
- left: 11px;
- margin-left: -6px;
- margin-top: -6px;
- position: absolute;
- top: 13px;
- width: 10px;
- z-index: 1;
- }
- }
- }
-}
-
-@keyframes checkboxAndRadioAnimation {
- 0% {
- transform: scale(0) rotate(45deg);
- }
-
- 50% {
- transform: scale(1.5) rotate(45deg);
- }
-
- 100% {
- transform: scale(1) rotate(45deg);
- }
-}
-
-
-.input {
- background-color: $bgc-form;
- margin-right: 10px;
- padding: 0;
- position: relative;
-
- :focus,
- :active {
- background-color: $bgc-form-focus;
- border-radius: $bdr-form;
- }
-
- input {
- background: transparent;
- border: 0;
- box-shadow: none;
- color: $c-form;
- font-size: $fz-form;
- line-height: $lh-medium;
- margin: 0;
- outline: none;
- padding: $p-form;
- width: 100%;
-
- &::placeholder {
- color: $c-form-placeholder;
- }
- }
-
- &-withIcon {
- input {
- padding-right: $size-form-input-icon * 2;
- }
- }
-
- &-icon {
- fill: $c-form-input-icon;
- height: $size-form-input-icon;
- margin-top: -$size-form-input-icon / 2;
- position: absolute;
- right: $m-medium;
- top: 50%;
- width: $size-form-input-icon;
- }
-
- // input variations
- &-fullWidth {
- display: block;
- margin-left: 0;
- margin-right: 0;
- width: 100%;
- }
-}
-
-/**
- * FORM COLLAPSED (items in row without gap between them)
- *
- * Markup:
- * -------
- *
- *
- *
- **/
-
-.formCollapsed {
- display: flex;
- margin-bottom: 20px;
-
- &-item {
- border-radius: 0 !important;
- margin: 0 !important;
-
-
- &:first-child {
- border-bottom-left-radius: $bdr-form !important;
- border-top-left-radius: $bdr-form !important;
- }
-
- &:last-child {
- border-bottom-right-radius: $bdr-form !important;
- border-top-right-radius: $bdr-form !important;
- }
-
- &:not(:last-child) {
- border-right: 0;
- }
-
- &Primary {
- flex: 1;
- }
- }
-}
diff --git a/public/scss/components/_loading-bar.scss b/public/scss/components/_loading-bar.scss
deleted file mode 100644
index 2c16435..0000000
--- a/public/scss/components/_loading-bar.scss
+++ /dev/null
@@ -1,57 +0,0 @@
-/**
- * LOADING BAR
- *
- * Markup:
- * ---------
- *
- *
- */
-
-.loadingBar {
- height: $h-loading-bar;
- left: 0;
- overflow: hidden;
- position: fixed;
- right: 0;
- top: 0;
- width: 100%;
- z-index: $z-loading-bar;
-
- &::before {
- animation: loading 2s linear infinite;
- background-color: $c-primary;
- content: '';
- display: block;
- height: $h-loading-bar;
- left: -$w-loading-bar;
- position: absolute;
- width: $w-loading-bar;
- }
-}
-
-@keyframes loading {
- from {
- left: -$w-loading-bar;
- width: 30%;
- }
-
- 50% {
- width: 30%;
- }
-
- 70% {
- width: 70%;
- }
-
- 80% {
- left: 50%;
- }
-
- 95% {
- left: 120%;
- }
-
- to {
- left: 100%;
- }
-}
diff --git a/public/scss/components/_loading-spinner.scss b/public/scss/components/_loading-spinner.scss
deleted file mode 100644
index b844178..0000000
--- a/public/scss/components/_loading-spinner.scss
+++ /dev/null
@@ -1,139 +0,0 @@
-/**
- * LOADING SPINNER
- *
- * Markup:
- * ---------
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- */
-
-.loadingSpinner {
- animation: rotateLoader 4s infinite;
- animation-timing-function: ease-in-out;
- display: block;
- height: $size-loading-spinner;
- left: 50%;
- margin-left: -$size-loading-spinner / 2;
- margin-top: -$size-loading-spinner / 2;
- position: fixed;
- top: 50%;
- width: $size-loading-spinner;
- z-index: $z-loading-spinner;
-
- &-inner {
- animation-timing-function: ease-in-out;
- background-color: $bg-loading-spinner;
- border-radius: 100%;
- display: block;
- height: $size-loading-spinner-inner;
- position: absolute;
- width: $size-loading-spinner-inner;
-
- &:nth-child(1) {
- animation: translateBall1 1s infinite;
- left: 0;
- top: 0;
- transform: translate3d($size-loading-spinner-inner / 2, $size-loading-spinner-inner / 2, 0);
- }
-
- &:nth-child(2) {
- animation: translateBall2 1s infinite;
- right: 0;
- top: 0;
- }
-
- &:nth-child(3) {
- animation: translateBall3 1s infinite;
- bottom: 0;
- right: 0;
- }
-
- &:nth-child(4) {
- animation: translateBall4 1s infinite;
- bottom: 0;
- left: 0;
- }
- }
-}
-
-@keyframes rotateLoader {
- 0% {
- transform: rotate(0);
- }
-
- 25% {
- transform: rotate(90deg);
- }
-
- 50% {
- transform: rotate(180deg);
- }
-
- 75% {
- transform: rotate(270deg);
- }
-
- 100% {
- transform: rotate(360deg);
- }
-}
-
-@keyframes translateBall1 {
- 0% {
- transform: translate3d(0, 0, 0);
- }
-
- 50% {
- transform: translate3d($size-loading-spinner-inner / 2, $size-loading-spinner-inner / 2, 0);
- }
-
- 100% {
- transform: translate3d(0, 0, 0);
- }
-}
-@keyframes translateBall2 {
- 0% {
- transform: translate3d(0, 0, 0);
- }
-
- 50% {
- transform: translate3d(-$size-loading-spinner-inner / 2, $size-loading-spinner-inner / 2, 0);
- }
-
- 100% {
- transform: translate3d(0, 0, 0);
- }
-}
-
-@keyframes translateBall3 {
- 0% {
- transform: translate3d(0, 0, 0);
- }
-
- 50% {
- transform: translate3d(-$size-loading-spinner-inner / 2, -$size-loading-spinner-inner / 2, 0);
- }
-
- 100% {
- transform: translate3d(0, 0, 0);
- }
-}
-
-@keyframes translateBall4 {
- 0% {
- transform: translate3d(0, 0, 0);
- }
-
- 50% {
- transform: translate3d($size-loading-spinner-inner / 2, -$size-loading-spinner-inner / 2, 0);
- }
-
- 100% {
- transform: translate3d(0, 0, 0);
- }
-}
diff --git a/public/scss/components/_notification.scss b/public/scss/components/_notification.scss
deleted file mode 100644
index abdf085..0000000
--- a/public/scss/components/_notification.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * NOTIFICATION
- *
- * Markup:
- * -------
- *
- * Success notification
- * Success info
- * Success error
- * Success warning
- *
- */
-
-.notification {
- border-radius: $bdr-notification;
- color: $c-notification;
- margin-bottom: $mb-notification;
- padding: $p-notification;
-
- p {
- &:last-child {
- margin-bottom: 0;
- }
- }
-
- @each $type, $color in $c-map {
- &--#{$type} {
- background-color: $color;
- }
- }
-}
diff --git a/public/scss/components/_paginator.scss b/public/scss/components/_paginator.scss
deleted file mode 100644
index 8d22975..0000000
--- a/public/scss/components/_paginator.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-/**
- * PAGINATOR
- *
- * Markup:
- * -------
- *
- *
- */
-
-.paginator {
-
- &-item {
- display: inline-block;
- margin-right: $mr-paginator-item;
-
- &Link {
- background-color: $bg-paginator-item;
- border-radius: $bdr-paginator-item;
- display: block;
- padding: $p-paginator-item;
-
- &.is-active {
- background-color: $bg-paginator-item-active;
- color: $c-paginator-item-active;
- cursor: default;
- }
- }
- }
-}
diff --git a/public/scss/components/_table.scss b/public/scss/components/_table.scss
deleted file mode 100644
index 2e237ca..0000000
--- a/public/scss/components/_table.scss
+++ /dev/null
@@ -1,123 +0,0 @@
-/**
- * TABLE
- *
- * Markup:
- * -------
- *
- * | First column | - *Second column | - *Third column | - *
|---|---|---|
| First column | - *Second column | - *Third column | - *
|---|---|---|
| Blue | - *One | - *My life fades | - *
| Green | - *Two | - *- * when the world was powered by the black fuel... and the desert - * sprouted great cities of pipe and steel. - * | - *
| Yellow | - *Three | - *- * A whirlwind of looting, a firestorm of fear. - * | - *
-
- *
- Fantasy - *
- Fiction - *
- Contemporary - *
-
- *
- - * Fantasy - * - *
- - * Fiction - * - *
- - * Contemporary - * - *
-
- *
- Badge 1 - *
- Badge 1 - *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- */
-input,
-textarea {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none; }
-
-label {
- display: block;
- font-weight: normal; }
-
-input:-webkit-autofill {
- box-shadow: 0 0 0 1000px #eceff1 inset; }
-
-.textarea,
-.input,
-.select {
- border: 1px solid #d5d9db;
- border-radius: 3px;
- box-shadow: none;
- display: inline-block;
- font-weight: normal;
- margin-bottom: 20px;
- overflow: hidden; }
- .textarea :focus,
- .input :focus,
- .select :focus {
- outline: none; }
- .textarea.has-error,
- .input.has-error,
- .select.has-error {
- background: #eceff1;
- border: 1px solid #e74c3c;
- margin-bottom: 0; }
-
-.select {
- background-color: #eceff1;
- display: inline-block;
- margin-right: 16px;
- position: relative; }
- .select:last-child {
- margin-right: 0; }
- .select-fullWidth {
- display: block;
- margin-left: 0;
- margin-right: 0;
- width: 100%; }
- .select select {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background-color: transparent;
- border: 0;
- border-radius: 0;
- color: #272727;
- display: block;
- font-size: 16px;
- line-height: 1.5em;
- margin: 0;
- padding: 8px 16px;
- padding-right: 30px;
- transition: background-color 0.2s ease-in-out;
- width: 100%; }
- .select select:active, .select select:focus {
- background-color: #fbfbfc;
- border: 0;
- outline: none; }
- .select select::-ms-expand {
- display: none; }
- .select::after, .select::before {
- background: #03a9f4;
- content: '';
- display: block;
- height: 2px;
- margin-top: 2px;
- position: absolute;
- right: 5px;
- top: 50%;
- -webkit-transform-origin: 1px;
- transform-origin: 1px;
- width: 10px; }
- .select::after {
- -webkit-transform: rotate(-135deg);
- transform: rotate(-135deg); }
- .select::before {
- -webkit-transform: rotate(-45deg);
- transform: rotate(-45deg); }
-
-.textarea {
- background-color: #eceff1;
- padding: 0; }
- .textarea-fullWidth {
- display: block;
- margin-left: 0;
- margin-right: 0;
- width: 100%; }
- .textarea textarea {
- background: transparent;
- border: 0;
- color: #272727;
- display: block;
- font-family: "Lato", sans-serif;
- font-size: 16px;
- line-height: 1.5em;
- margin: 0;
- min-height: 120px;
- padding: 8px 16px;
- transition: background-color 0.2s ease-in-out;
- width: 100%; }
- .textarea textarea::-webkit-input-placeholder {
- color: #969da6; }
- .textarea textarea::-ms-input-placeholder {
- color: #969da6; }
- .textarea textarea::placeholder {
- color: #969da6; }
- .textarea textarea:focus, .textarea textarea:active {
- background-color: #fbfbfc;
- border: 0;
- outline: none; }
-
-.checkbox {
- margin-bottom: 8px;
- position: relative; }
- .checkbox input[type='checkbox'] {
- display: none; }
- .checkbox input[type='checkbox']:checked + label::after {
- -webkit-animation: checkboxAndRadioAnimation .25s;
- animation: checkboxAndRadioAnimation .25s;
- content: '';
- -webkit-transform: scale(1) rotate(45deg);
- transform: scale(1) rotate(45deg); }
- .checkbox input[type='checkbox'] + label {
- display: block;
- overflow: hidden;
- padding-left: 30px;
- text-overflow: ellipsis;
- white-space: nowrap; }
- .checkbox input[type='checkbox'] + label::before {
- background-color: #eceff1;
- border: 1px solid #d5d9db;
- border-radius: 3px;
- content: '';
- display: inline-block;
- height: 20px;
- left: 0;
- margin-top: -10px;
- position: absolute;
- top: 50%;
- width: 20px; }
- .checkbox input[type='checkbox'] + label::after {
- border-bottom: 3px solid #03a9f4;
- border-right: 3px solid #03a9f4;
- display: block;
- height: 12px;
- left: 11px;
- margin-left: -4px;
- margin-top: -7px;
- position: absolute;
- top: 50%;
- width: 7px;
- z-index: 1; }
-
-.radio {
- margin-bottom: 8px;
- position: relative; }
- .radio input[type='radio'] {
- display: none; }
- .radio input[type='radio']:checked + label::after {
- -webkit-animation: checkboxAndRadioAnimation .25s;
- animation: checkboxAndRadioAnimation .25s;
- content: '';
- -webkit-transform: scale(1) rotate(45deg);
- transform: scale(1) rotate(45deg); }
- .radio input[type='radio'] + label {
- display: block;
- overflow: hidden;
- padding-left: 30px;
- text-overflow: ellipsis;
- white-space: nowrap; }
- .radio input[type='radio'] + label::before {
- background-color: #eceff1;
- border: 1px solid #d5d9db;
- border-radius: 20px;
- content: '';
- display: inline-block;
- height: 20px;
- left: 0;
- margin-top: -10px;
- position: absolute;
- top: 50%;
- width: 20px; }
- .radio input[type='radio'] + label::after {
- background-color: #03a9f4;
- border-radius: 20px;
- display: block;
- height: 10px;
- left: 11px;
- margin-left: -6px;
- margin-top: -6px;
- position: absolute;
- top: 13px;
- width: 10px;
- z-index: 1; }
-
-@-webkit-keyframes checkboxAndRadioAnimation {
- 0% {
- -webkit-transform: scale(0) rotate(45deg);
- transform: scale(0) rotate(45deg); }
- 50% {
- -webkit-transform: scale(1.5) rotate(45deg);
- transform: scale(1.5) rotate(45deg); }
- 100% {
- -webkit-transform: scale(1) rotate(45deg);
- transform: scale(1) rotate(45deg); } }
-
-@keyframes checkboxAndRadioAnimation {
- 0% {
- -webkit-transform: scale(0) rotate(45deg);
- transform: scale(0) rotate(45deg); }
- 50% {
- -webkit-transform: scale(1.5) rotate(45deg);
- transform: scale(1.5) rotate(45deg); }
- 100% {
- -webkit-transform: scale(1) rotate(45deg);
- transform: scale(1) rotate(45deg); } }
-.input-invis {
- background-color: transparent!important;
- margin:auto!important;
- border:0!important;
-}
-.input {
- background-color: #eceff1;
- margin-right: 10px;
- padding: 0;
- position: relative; }
- .input :focus,
- .input :active {
- background-color: #fbfbfc;
- border-radius: 3px; }
- .input input, .input textarea {
- background: transparent;
- border: 0;
- box-shadow: none;
- color: #272727;
- font-size: 16px;
- line-height: 1.5em;
- margin: 0;
- outline: none;
- padding: 8px 16px;
- width: 100%; }
- .input input::-webkit-input-placeholder {
- color: #969da6; }
- .input input::-ms-input-placeholder {
- color: #969da6; }
- .input input::placeholder {
- color: #969da6; }
- .input input.small{
- line-height: 1em;
- padding: 0;
- }
- .input-withIcon input {
- padding-right: 32px; }
- .input-icon {
- fill: #969da6;
- height: 16px;
- margin-top: -8px;
- position: absolute;
- right: 16px;
- top: 50%;
- width: 16px; }
- .input-fullWidth {
- display: block;
- margin-left: 0;
- margin-right: 0;
- width: 100%; }
-
-/**
- * FORM COLLAPSED (items in row without gap between them)
- *
- * Markup:
- * -------
- *
- *
- *
- **/
-.formCollapsed {
- display: flex;
- margin-bottom: 20px; }
- .formCollapsed-item {
- border-radius: 0 !important;
- margin: 0 !important; }
- .formCollapsed-item:first-child {
- border-bottom-left-radius: 3px !important;
- border-top-left-radius: 3px !important; }
- .formCollapsed-item:last-child {
- border-bottom-right-radius: 3px !important;
- border-top-right-radius: 3px !important; }
- .formCollapsed-item:not(:last-child) {
- border-right: 0; }
- .formCollapsed-itemPrimary {
- flex: 1; }
-
-/**
- * LOADING BAR
- *
- * Markup:
- * ---------
- *
- *
- */
-.loadingBar {
- height: 6px;
- left: 0;
- overflow: hidden;
- position: fixed;
- right: 0;
- top: 0;
- width: 100%;
- z-index: 1000; }
- .loadingBar::before {
- -webkit-animation: loading 2s linear infinite;
- animation: loading 2s linear infinite;
- background-color: #03a9f4;
- content: '';
- display: block;
- height: 6px;
- left: -300px;
- position: absolute;
- width: 300px; }
-
-@-webkit-keyframes loading {
- from {
- left: -300px;
- width: 30%; }
- 50% {
- width: 30%; }
- 70% {
- width: 70%; }
- 80% {
- left: 50%; }
- 95% {
- left: 120%; }
- to {
- left: 100%; } }
-
-@keyframes loading {
- from {
- left: -300px;
- width: 30%; }
- 50% {
- width: 30%; }
- 70% {
- width: 70%; }
- 80% {
- left: 50%; }
- 95% {
- left: 120%; }
- to {
- left: 100%; } }
-
-/**
- * LOADING SPINNER
- *
- * Markup:
- * ---------
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- */
-.loadingSpinner {
- -webkit-animation: rotateLoader 4s infinite;
- animation: rotateLoader 4s infinite;
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- display: block;
- height: 30px;
- left: 50%;
- margin-left: -15px;
- margin-top: -15px;
- position: fixed;
- top: 50%;
- width: 30px;
- z-index: 1000; }
- .loadingSpinner-inner {
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- background-color: #e91e63;
- border-radius: 100%;
- display: block;
- height: 9px;
- position: absolute;
- width: 9px; }
- .loadingSpinner-inner:nth-child(1) {
- -webkit-animation: translateBall1 1s infinite;
- animation: translateBall1 1s infinite;
- left: 0;
- top: 0;
- -webkit-transform: translate3d(4.5px, 4.5px, 0);
- transform: translate3d(4.5px, 4.5px, 0); }
- .loadingSpinner-inner:nth-child(2) {
- -webkit-animation: translateBall2 1s infinite;
- animation: translateBall2 1s infinite;
- right: 0;
- top: 0; }
- .loadingSpinner-inner:nth-child(3) {
- -webkit-animation: translateBall3 1s infinite;
- animation: translateBall3 1s infinite;
- bottom: 0;
- right: 0; }
- .loadingSpinner-inner:nth-child(4) {
- -webkit-animation: translateBall4 1s infinite;
- animation: translateBall4 1s infinite;
- bottom: 0;
- left: 0; }
-
-@-webkit-keyframes rotateLoader {
- 0% {
- -webkit-transform: rotate(0);
- transform: rotate(0); }
- 25% {
- -webkit-transform: rotate(90deg);
- transform: rotate(90deg); }
- 50% {
- -webkit-transform: rotate(180deg);
- transform: rotate(180deg); }
- 75% {
- -webkit-transform: rotate(270deg);
- transform: rotate(270deg); }
- 100% {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg); } }
-
-@keyframes rotateLoader {
- 0% {
- -webkit-transform: rotate(0);
- transform: rotate(0); }
- 25% {
- -webkit-transform: rotate(90deg);
- transform: rotate(90deg); }
- 50% {
- -webkit-transform: rotate(180deg);
- transform: rotate(180deg); }
- 75% {
- -webkit-transform: rotate(270deg);
- transform: rotate(270deg); }
- 100% {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg); } }
-
-@-webkit-keyframes translateBall1 {
- 0% {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); }
- 50% {
- -webkit-transform: translate3d(4.5px, 4.5px, 0);
- transform: translate3d(4.5px, 4.5px, 0); }
- 100% {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); } }
-
-@keyframes translateBall1 {
- 0% {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); }
- 50% {
- -webkit-transform: translate3d(4.5px, 4.5px, 0);
- transform: translate3d(4.5px, 4.5px, 0); }
- 100% {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); } }
-
-@-webkit-keyframes translateBall2 {
- 0% {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); }
- 50% {
- -webkit-transform: translate3d(-4.5px, 4.5px, 0);
- transform: translate3d(-4.5px, 4.5px, 0); }
- 100% {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); } }
-
-@keyframes translateBall2 {
- 0% {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); }
- 50% {
- -webkit-transform: translate3d(-4.5px, 4.5px, 0);
- transform: translate3d(-4.5px, 4.5px, 0); }
- 100% {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); } }
-
-@-webkit-keyframes translateBall3 {
- 0% {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); }
- 50% {
- -webkit-transform: translate3d(-4.5px, -4.5px, 0);
- transform: translate3d(-4.5px, -4.5px, 0); }
- 100% {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); } }
-
-@keyframes translateBall3 {
- 0% {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); }
- 50% {
- -webkit-transform: translate3d(-4.5px, -4.5px, 0);
- transform: translate3d(-4.5px, -4.5px, 0); }
- 100% {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); } }
-
-@-webkit-keyframes translateBall4 {
- 0% {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); }
- 50% {
- -webkit-transform: translate3d(4.5px, -4.5px, 0);
- transform: translate3d(4.5px, -4.5px, 0); }
- 100% {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); } }
-
-@keyframes translateBall4 {
- 0% {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); }
- 50% {
- -webkit-transform: translate3d(4.5px, -4.5px, 0);
- transform: translate3d(4.5px, -4.5px, 0); }
- 100% {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); } }
-
-/**
- * NOTIFICATION
- *
- * Markup:
- * -------
- *
- * Success notification
- * Success info
- * Success error
- * Success warning
- *
- */
-.notification {
- border-radius: 3px;
- color: #fff;
- margin-bottom: 36px;
- padding: 16px; }
- .notification p:last-child {
- margin-bottom: 0; }
- .notification--primary {
- background-color: #03a9f4; }
- .notification--dark {
- background-color: #18232f; }
- .notification--secondary {
- background-color: #e91e63; }
- .notification--white {
- background-color: #fff; }
- .notification--success {
- background-color: #4caf50; }
- .notification--info {
- background-color: #5bc0de; }
- .notification--warning {
- background-color: #f0ad4e; }
- .notification--error {
- background-color: #e74c3c; }
- .notification--gray {
- background-color: #969da6; }
- .notification--gray-light {
- background-color: #eceff1; }
-
-/**
- * PAGINATOR
- *
- * Markup:
- * -------
- *
- *
- */
-.paginator-item {
- display: inline-block;
- margin-right: 4px; }
- .paginator-itemLink {
- background-color: #eceff1;
- border-radius: 3px;
- display: block;
- padding: 8px 16px; }
- .paginator-itemLink.is-active {
- background-color: #03a9f4;
- color: #fff;
- cursor: default; }
-
-/**
- * TABLE
- *
- * Markup:
- * -------
- *
- * | First column | - *Second column | - *Third column | - *
|---|---|---|
| First column | - *Second column | - *Third column | - *
|---|---|---|
| Blue | - *One | - *My life fades | - *
| Green | - *Two | - *- * when the world was powered by the black fuel... and the desert - * sprouted great cities of pipe and steel. - * | - *
| Yellow | - *Three | - *- * A whirlwind of looting, a firestorm of fear. - * | - *
-
- *
- Fantasy - *
- Fiction - *
- Contemporary - *
-
- *
- - * Fantasy - * - *
- - * Fiction - * - *
- - * Contemporary - * - *
- $if(qrcode)$
- 
- $endif$
-
- $if(photo)$
- - $firstname$ - $lastname$ -
-$description$
--
-
- $if(phone)$
- $if(settings.protect-phone)$
- $if(privatecv)$
-
- $phone$ - $endif$ - $else$ -
- $phone$ - $endif$ - $endif$ - - $if(mobile)$ - $if(settings.protect-mobile)$ - $if(privatecv)$ -
- $mobile$ - $endif$ - $else$ -
- $mobile$ - $endif$ - $endif$ - - $if(email)$ - $if(settings.protect-email)$ - $if(privatecv)$ -
- $email$ - $endif$ - $else$ -
- $email$ - $endif$ - $endif$ - - $if(homepage)$ -
- $homepage$ - $endif$ - - $if(address)$ - $if(settings.protect-address)$ - $if(privatecv)$ -
- - $if(address.city)$ - $address.city$ - $endif$ - $if(address.country)$ - $address.country$ - $endif$ - - $endif$ - $else$ -
- - $if(address.city)$ - $address.city$ - $endif$ - $if(address.country)$ - $address.country$ - $endif$ - - $endif$ - $endif$ - -