Last active
July 15, 2016 06:53
-
-
Save NSkelsey/8133c62a593788d27cfb134614b1602d to your computer and use it in GitHub Desktop.
Bustia Etica Changes
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var bcnBrandInjection = bcnBrandInjection || {}; | |
| (function (bcnBrandInjection, context) { | |
| /*! | |
| * @preserve Qwery - A selector engine | |
| * https://github.com/ded/qwery | |
| * (c) Dustin Diaz 2014 | License MIT | |
| */ | |
| (function(e,t,n){typeof module!="undefined"&&module.exports?module.exports=n():typeof define=="function"&&define.amd?define(n):t[e]=n()})("qwery",this,function(){function o(e){return[].slice.call(e,0)}function u(e){var t;return e&&typeof e=="object"&&(t=e.nodeType)&&(t==1||t==9)}function a(e){return typeof e=="object"&&isFinite(e.length)}function f(e){for(var t=[],n=0,r=e.length;n<r;++n)a(e[n])?t=t.concat(e[n]):t[t.length]=e[n];return t}function l(e){var t=[],n,r;e:for(n=0;n<e.length;n++){for(r=0;r<t.length;r++)if(t[r]==e[n])continue e;t[t.length]=e[n]}return t}function c(e){return e?typeof e=="string"?h(e)[0]:!e[i]&&a(e)?e[0]:e:t}function h(r,i){var l,h=c(i);return!h||!r?[]:r===n||u(r)?!i||r!==n&&u(h)&&s(r,h)?[r]:[]:r&&a(r)?f(r):t.getElementsByClassName&&r=="string"&&(l=r.match(e))?o(h.getElementsByClassName(l[1])):r&&(r.document||r.nodeType&&r.nodeType==9)?i?[]:[r]:o(h.querySelectorAll(r))}var e=/^\.([\w\-]+)$/,t=document,n=window,r=t.documentElement,i="nodeType",s="compareDocumentPosition"in r?function(e,t){return(t.compareDocumentPosition(e)&16)==16}:function(e,n){return n=n==t||n==window?r:n,n!==e&&n.contains(e)};return h.uniq=l,h},this) | |
| // Masks into bcnBrandInjection library | |
| bcnBrandInjection.query = context.qwery; | |
| // Obfuscates direct access to the original library | |
| //delete context.qwery; | |
| context.qwery = null; | |
| /*! | |
| * Bonzo: DOM Utility (c) Dustin Diaz 2012 | |
| * https://github.com/ded/bonzo | |
| * License MIT | |
| */ | |
| (function(e,t,n){typeof module!="undefined"&&module.exports?module.exports=n():typeof define=="function"&&define.amd?define(n):t[e]=n()})("bonzo",this,function(){function L(e,n){var r=null,i=t.defaultView.getComputedStyle(e,"");return i&&(r=i[n]),e.style[n]||r}function A(e){return e&&e.nodeName&&(e.nodeType==1||e.nodeType==11)}function O(e,t,n){var r,i,s;if(typeof e=="string")return Q.create(e);A(e)&&(e=[e]);if(n){s=[];for(r=0,i=e.length;r<i;r++)s[r]=V(t,e[r]);return s}return e}function M(e){return new RegExp("(^|\\s+)"+e+"(\\s+|$)")}function _(e,t,n,r){var i,s=0,o=e.length;for(;s<o;s++)i=r?e.length-s-1:s,t.call(n||e[i],e[i],i,e);return e}function D(e,t,n){for(var r=0,i=e.length;r<i;r++)A(e[r])&&(D(e[r].childNodes,t,n),t.call(n||e[r],e[r],r,e));return e}function P(e){return e.replace(/-(.)/g,function(e,t){return t.toUpperCase()})}function H(e){return e?e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase():e}function B(e){e[S]("data-node-uid")||e[E]("data-node-uid",++g);var t=e[S]("data-node-uid");return m[t]||(m[t]={})}function j(e){var t=e[S]("data-node-uid");t&&delete m[t]}function F(e){var t;try{return e===null||e===undefined?undefined:e==="true"?!0:e==="false"?!1:e==="null"?null:(t=parseFloat(e))==e?t:e}catch(n){}return undefined}function I(e,t,n){for(var r=0,i=e.length;r<i;++r)if(t.call(n||null,e[r],r,e))return!0;return!1}function q(e){return e=="transform"&&(e=x.transform)||/^transform-?[Oo]rigin$/.test(e)&&(e=x.transform+"Origin"),e?P(e):null}function R(e,t,n,r){var i=0,s=t||this,o=[],u=k&&typeof e=="string"&&e.charAt(0)!="<"?k(e):e;return _(O(u),function(e,t){_(s,function(r){n(e,o[i++]=t>0?V(s,r):r)},null,r)},this,r),s.length=i,_(o,function(e){s[--i]=e},null,!r),s}function U(e,t,n){var r=Q(e),i=r.css("position"),s=r.offset(),o="relative",u=i==o,a=[parseInt(r.css("left"),10),parseInt(r.css("top"),10)];i=="static"&&(r.css("position",o),i=o),isNaN(a[0])&&(a[0]=u?0:e.offsetLeft),isNaN(a[1])&&(a[1]=u?0:e.offsetTop),t!=null&&(e.style.left=t-s.left+a[0]+w),n!=null&&(e.style.top=n-s.top+a[1]+w)}function z(e,t){return typeof t=="function"?t.call(e,e):t}function W(t,n,r){var i=this[0];return i?t==null&&n==null?($(i)?J():{x:i.scrollLeft,y:i.scrollTop})[r]:($(i)?e.scrollTo(t,n):(t!=null&&(i.scrollLeft=t),n!=null&&(i.scrollTop=n)),this):this}function X(e){this.length=0;if(e){e=typeof e!="string"&&!e.nodeType&&typeof e.length!="undefined"?e:[e],this.length=e.length;for(var t=0;t<e.length;t++)this[t]=e[t]}}function V(e,t){var n=t.cloneNode(!0),r,i,s;if(e.$&&typeof e.cloneEvents=="function"){e.$(n).cloneEvents(t),r=e.$(n).find("*"),i=e.$(t).find("*");for(s=0;s<i.length;s++)e.$(r[s]).cloneEvents(i[s])}return n}function $(t){return t===e||/^(?:body|html)$/i.test(t.tagName)}function J(){return{x:e.pageXOffset||n.scrollLeft,y:e.pageYOffset||n.scrollTop}}function K(e){var t=document.createElement("script"),n=e.match(o);return t.src=n[1],t}function Q(e){return new X(e)}var e=window,t=e.document,n=t.documentElement,r="parentNode",i=/^(checked|value|selected|disabled)$/i,s=/^(select|fieldset|table|tbody|tfoot|td|tr|colgroup)$/i,o=/\s*<script +src=['"]([^'"]+)['"]>/,u=["<table>","</table>",1],a=["<table><tbody><tr>","</tr></tbody></table>",3],f=["<select>","</select>",1],l=["_","",0,1],c={thead:u,tbody:u,tfoot:u,colgroup:u,caption:u,tr:["<table><tbody>","</tbody></table>",2],th:a,td:a,col:["<table><colgroup>","</colgroup></table>",2],fieldset:["<form>","</form>",1],legend:["<form><fieldset>","</fieldset></form>",2],option:f,optgroup:f,script:l,style:l,link:l,param:l,base:l},h=/^(checked|selected|disabled)$/,p,d,v,m={},g=0,y=/^-?[\d\.]+$/,b=/^data-(.+)$/,w="px",E="setAttribute",S="getAttribute",x=function(){var e=t.createElement("p");return{transform:function(){var t=["transform","webkitTransform","MozTransform","OTransform","msTransform"],n;for(n=0;n<t.length;n++)if(t[n]in e.style)return t[n]}(),classList:"classList"in e}}(),T=/\s+/,N=String.prototype.toString,C={lineHeight:1,zoom:1,zIndex:1,opacity:1,boxFlex:1,WebkitBoxFlex:1,MozBoxFlex:1},k=t.querySelectorAll&&function(e){return t.querySelectorAll(e)};return x.classList?(p=function(e,t){return e.classList.contains(t)},d=function(e,t){e.classList.add(t)},v=function(e,t){e.classList.remove(t)}):(p=function(e,t){return M(t).test(e.className)},d=function(e,t){e.className=(e.className+" "+t).trim()},v=function(e,t){e.className=e.className.replace(M(t)," ").trim()}),X.prototype={get:function(e){return this[e]||null},each:function(e,t){return _(this,e,t)},deepEach:function(e,t){return D(this,e,t)},map:function(e,t){var n=[],r,i;for(i=0;i<this.length;i++)r=e.call(this,this[i],i),t?t(r)&&n.push(r):n.push(r);return n},html:function(e,t){var n=t?"textContent":"innerHTML",r=this,i=function(t,n){_(O(e,r,n),function(e){t.appendChild(e)})},o=function(r,o){try{if(t||typeof e=="string"&&!s.test(r.tagName))return r[n]=e}catch(u){}i(r,o)};return typeof e!="undefined"?this.empty().each(o):this[0]?this[0][n]:""},text:function(e){return this.html(e,!0)},append:function(e){var t=this;return this.each(function(n,r){_(O(e,t,r),function(e){n.appendChild(e)})})},prepend:function(e){var t=this;return this.each(function(n,r){var i=n.firstChild;_(O(e,t,r),function(e){n.insertBefore(e,i)})})},appendTo:function(e,t){return R.call(this,e,t,function(e,t){e.appendChild(t)})},prependTo:function(e,t){return R.call(this,e,t,function(e,t){e.insertBefore(t,e.firstChild)},1)},before:function(e){var t=this;return this.each(function(n,i){_(O(e,t,i),function(e){n[r].insertBefore(e,n)})})},after:function(e){var t=this;return this.each(function(n,i){_(O(e,t,i),function(e){n[r].insertBefore(e,n.nextSibling)},null,1)})},insertBefore:function(e,t){return R.call(this,e,t,function(e,t){e[r].insertBefore(t,e)})},insertAfter:function(e,t){return R.call(this,e,t,function(e,t){var n=e.nextSibling;n?e[r].insertBefore(t,n):e[r].appendChild(t)},1)},replaceWith:function(e){var t=this;return this.each(function(n,i){_(O(e,t,i),function(e){n[r]&&n[r].replaceChild(e,n)})})},clone:function(e){var t=[],n,r;for(r=0,n=this.length;r<n;r++)t[r]=V(e||this,this[r]);return Q(t)},addClass:function(e){return e=N.call(e).split(T),this.each(function(t){_(e,function(e){e&&!p(t,z(t,e))&&d(t,z(t,e))})})},removeClass:function(e){return e=N.call(e).split(T),this.each(function(t){_(e,function(e){e&&p(t,z(t,e))&&v(t,z(t,e))})})},hasClass:function(e){return e=N.call(e).split(T),I(this,function(t){return I(e,function(e){return e&&p(t,e)})})},toggleClass:function(e,t){return e=N.call(e).split(T),this.each(function(n){_(e,function(e){e&&(typeof t!="undefined"?t?!p(n,e)&&d(n,e):v(n,e):p(n,e)?v(n,e):d(n,e))})})},show:function(e){return e=typeof e=="string"?e:"",this.each(function(t){t.style.display=e})},hide:function(){return this.each(function(e){e.style.display="none"})},toggle:function(e,t){return t=typeof t=="string"?t:"",typeof e!="function"&&(e=null),this.each(function(n){n.style.display=n.offsetWidth||n.offsetHeight?"none":t,e&&e.call(n)})},first:function(){return Q(this.length?this[0]:[])},last:function(){return Q(this.length?this[this.length-1]:[])},next:function(){return this.related("nextSibling")},previous:function(){return this.related("previousSibling")},parent:function(){return this.related(r)},related:function(e){return Q(this.map(function(t){t=t[e];while(t&&t.nodeType!==1)t=t[e];return t||0},function(e){return e}))},focus:function(){return this.length&&this[0].focus(),this},blur:function(){return this.length&&this[0].blur(),this},css:function(n,r){function o(e,t,n){for(var r in s)if(s.hasOwnProperty(r)){n=s[r],(t=q(r))&&y.test(n)&&!(t in C)&&(n+=w);try{e.style[t]=z(e,n)}catch(i){}}}var i,s=n;return r===undefined&&typeof n=="string"?(r=this[0],r?r===t||r===e?(i=r===t?Q.doc():Q.viewport(),n=="width"?i.width:n=="height"?i.height:""):(n=q(n))?L(r,n):null:null):(typeof n=="string"&&(s={},s[n]=r),this.each(o))},offset:function(e,n){if(!e||typeof e!="object"||typeof e.top!="number"&&typeof e.left!="number"){if(typeof e=="number"||typeof n=="number")return this.each(function(t){U(t,e,n)});if(!this[0])return{top:0,left:0,height:0,width:0};var r=this[0],i=r.ownerDocument.documentElement,s=r.getBoundingClientRect(),o=J(),u=r.offsetWidth,a=r.offsetHeight,f=s.top+o.y-Math.max(0,i&&i.clientTop,t.body.clientTop),l=s.left+o.x-Math.max(0,i&&i.clientLeft,t.body.clientLeft);return{top:f,left:l,height:a,width:u}}return this.each(function(t){U(t,e.left,e.top)})},dim:function(){if(!this.length)return{height:0,width:0};var e=this[0],t=e.nodeType==9&&e.documentElement,n=!t&&!!e.style&&!e.offsetWidth&&!e.offsetHeight?function(t){var n={position:e.style.position||"",visibility:e.style.visibility||"",display:e.style.display||""};return t.first().css({position:"absolute",visibility:"hidden",display:"block"}),n}(this):null,r=t?Math.max(e.body.scrollWidth,e.body.offsetWidth,t.scrollWidth,t.offsetWidth,t.clientWidth):e.offsetWidth,i=t?Math.max(e.body.scrollHeight,e.body.offsetHeight,t.scrollHeight,t.offsetHeight,t.clientHeight):e.offsetHeight;return n&&this.first().css(n),{height:i,width:r}},attr:function(e,t){var n=this[0],r;if(typeof e=="string"||e instanceof String)return typeof t=="undefined"?n?i.test(e)?h.test(e)&&typeof n[e]=="string"?!0:n[e]:n[S](e):null:this.each(function(n){i.test(e)?n[e]=z(n,t):n[E](e,z(n,t))});for(r in e)e.hasOwnProperty(r)&&this.attr(r,e[r]);return this},removeAttr:function(e){return this.each(function(t){h.test(e)?t[e]=!1:t.removeAttribute(e)})},val:function(e){return typeof e=="string"||typeof e=="number"?this.attr("value",e):this.length?this[0].value:null},data:function(e,t){var n=this[0],r,i;return typeof t=="undefined"?n?(r=B(n),typeof e=="undefined"?(_(n.attributes,function(e){(i=(""+e.name).match(b))&&(r[P(i[1])]=F(e.value))}),r):(typeof r[e]=="undefined"&&(r[e]=F(this.attr("data-"+H(e)))),r[e])):null:this.each(function(n){B(n)[e]=t})},remove:function(){return this.deepEach(j),this.detach()},empty:function(){return this.each(function(e){D(e.childNodes,j);while(e.firstChild)e.removeChild(e.firstChild)})},detach:function(){return this.each(function(e){e[r]&&e[r].removeChild(e)})},scrollTop:function(e){return W.call(this,null,e,"y")},scrollLeft:function(e){return W.call(this,e,null,"x")}},Q.setQueryEngine=function(e){k=e,delete Q.setQueryEngine},Q.aug=function(e,t){for(var n in e)e.hasOwnProperty(n)&&((t||X.prototype)[n]=e[n])},Q.create=function(e){return typeof e=="string"&&e!==""?function(){if(o.test(e))return[K(e)];var n=e.match(/^\s*<([^\s>]+)/),i=t.createElement("div"),s=[],u=n?c[n[1].toLowerCase()]:null,a=u?u[2]+1:1,f=u&&u[3],l=r;i.innerHTML=u?u[0]+e+u[1]:e;while(a--)i=i.firstChild;f&&i&&i.nodeType!==1&&(i=i.nextSibling);do(!n||i.nodeType==1)&&s.push(i);while(i=i.nextSibling);return _(s,function(e){e[l]&&e[l].removeChild(e)}),s}():A(e)?[e.cloneNode(!0)]:[]},Q.doc=function(){var e=Q.viewport();return{width:Math.max(t.body.scrollWidth,n.scrollWidth,e.width),height:Math.max(t.body.scrollHeight,n.scrollHeight,e.height)}},Q.firstChild=function(e){for(var t=e.childNodes,n=0,r=t&&t.length||0,i;n<r;n++)t[n].nodeType===1&&(i=t[r=n]);return i},Q.viewport=function(){return{width:e.innerWidth,height:e.innerHeight}},Q.isAncestor="compareDocumentPosition"in n?function(e,t){return(e.compareDocumentPosition(t)&16)==16}:function(e,t){return e!==t&&e.contains(t)},Q}) | |
| // Masks into bcnBrandInjection library | |
| bcnBrandInjection.bonzo = context.bonzo; | |
| bcnBrandInjection.$ = function (selector) { | |
| return bcnBrandInjection.bonzo(bcnBrandInjection.query(selector)); | |
| } | |
| bcnBrandInjection.bonzo.setQueryEngine(bcnBrandInjection.query); | |
| // Obfuscates direct access to the original library | |
| //delete context.bonzo; | |
| context.bonzo = null; | |
| /*! | |
| * domready (c) Dustin Diaz 2014 - License MIT | |
| */ | |
| !function(e,t){typeof module!="undefined"?module.exports=t():typeof define=="function"&&typeof define.amd=="object"?define(t):this[e]=t()}("domready",function(){var e=[],t,n=document,r=n.documentElement.doScroll,i="DOMContentLoaded",s=(r?/^loaded|^c/:/^loaded|^i|^c/).test(n.readyState);return s||n.addEventListener(i,t=function(){n.removeEventListener(i,t),s=1;while(t=e.shift())t()}),function(t){s?setTimeout(t,0):e.push(t)}}) | |
| // Masks into bcnBrandInjection library | |
| bcnBrandInjection.domready = context.domready; | |
| // Obfuscates direct access to the original library | |
| context.domready = null; | |
| /** | |
| <lang> | |
| dct:description "Get the current lang page" ; | |
| */ | |
| bcnBrandInjection.lang = context.document.getElementsByTagName('html')[0].getAttribute('lang') || document.getElementsByTagName('html')[0].getAttribute('xml:lang') || 'ca'; | |
| /** | |
| <merge> | |
| dct:description "Receive two Hash and return the union of the second hover the first" ; | |
| */ | |
| bcnBrandInjection.merge = function (original, other) { | |
| var hasOwn = Object.prototype.hasOwnProperty; | |
| for (var i in other) { | |
| if (hasOwn.call(other, i)) { | |
| original[i] = other[i]; | |
| } | |
| } | |
| return original; | |
| } | |
| /** | |
| <i18n> | |
| dct:description "Manage literals" ; | |
| */ | |
| bcnBrandInjection.i18n = (function () { | |
| var repository = {}; | |
| load = function (collection) { | |
| var hasOwn = Object.prototype.hasOwnProperty; | |
| for (var i in collection) { | |
| if (hasOwn.call(collection, i)) { | |
| if (i in repository) { | |
| repository[i] = bcnBrandInjection.merge(repository[i], collection[i]); | |
| } else { | |
| repository[i] = collection[i]; | |
| } | |
| } | |
| } | |
| return bcnBrandInjection.i18n; | |
| }, | |
| translate = function (text, lang) { | |
| var lang = lang || bcnBrandInjection.lang, | |
| literal = (lang === 'en') ? text : (repository[lang][text] || text); | |
| return literal; | |
| }; | |
| return { | |
| load: load, | |
| t: translate | |
| }; | |
| }()); | |
| bcnBrandInjection.appendTemplate = function() { | |
| var html = bcnBrandInjection.template(); | |
| bcnBrandInjection.domready(function () { | |
| body = bcnBrandInjection.$('body'); | |
| body.prepend(html); | |
| }); | |
| }; | |
| bcnBrandInjection.template = function() { | |
| var literals = { | |
| ca: { | |
| "logo_link" : "", | |
| "shield_alt": "Ajuntament de Barcelona", | |
| "ajuntament_link" : "" | |
| }, | |
| es: { | |
| "logo_link" : "", | |
| "shield_alt": "Ayuntamiento de Barcelona", | |
| "ajuntament_link" : "" | |
| }, | |
| en: { | |
| "logo_link" : "", | |
| "shield_alt": "Barcelona city council", | |
| "ajuntament_link" : "" | |
| } | |
| }, | |
| template_html = '', | |
| img_shield = 'data:image/png;base64,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'; | |
| // load literals. | |
| bcnBrandInjection.i18n.load(literals); | |
| template_html = '<div id="brand" alias="bustiaetica" brand="bustiaetica_2016-05-25T07:22:00Z" class="v2015 v2015-ciutat-f v2015-ciutat-prehome restyle lang-ca">' | |
| + '<header class="navbar">' | |
| + '<div class="wrapper " style="">' | |
| + '<div class="content">' | |
| + '<div class="logo">' | |
| + '<h1><a href="' + bcnBrandInjection.i18n.t('logo_link') + '" title="BARCELONA">www.barcelona.cat </a></h1>' | |
| + '</div>' | |
| + '<a target="_blank" href="' + bcnBrandInjection.i18n.t('ajuntament_link') + '" class="logo_shield js_shield">' | |
| + '<img src="' + img_shield + '" alt="' + bcnBrandInjection.i18n.t('shield_alt') + '">' | |
| + '</a>' | |
| + '</div>' | |
| + '</div>' | |
| + '</header>' | |
| + '</div>'; | |
| return template_html; | |
| }; | |
| }(bcnBrandInjection, this)); | |
| bcnBrandInjection.appendTemplate(); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @charset "UTF-8"; | |
| /* Tipografies corporatives | |
| */ | |
| @font-face { | |
| font-family: "Open Sans"; | |
| src: url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Light/OpenSans-Light.eot?v=1.1.0"); | |
| src: url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Light/OpenSans-Light.woff?v=1.1.0") format("woff"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Light/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Light/OpenSans-Light.svg?v=1.1.0#Light") format("svg"); | |
| font-weight: 300; | |
| font-style: normal; } | |
| /* END Light */ | |
| /* BEGIN Light Italic */ | |
| @font-face { | |
| font-family: "Open Sans"; | |
| src: url("https://w9.barcelona.cat/vendor/fonts/OpenSans/LightItalic/OpenSans-LightItalic.eot?v=1.1.0"); | |
| src: url("https://w9.barcelona.cat/vendor/fonts/OpenSans/LightItalic/OpenSans-LightItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/LightItalic/OpenSans-LightItalic.woff2?v=1.1.0") format("woff2"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/LightItalic/OpenSans-LightItalic.woff?v=1.1.0") format("woff"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/LightItalic/OpenSans-LightItalic.ttf?v=1.1.0") format("truetype"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/LightItalic/OpenSans-LightItalic.svg?v=1.1.0#LightItalic") format("svg"); | |
| font-weight: 300; | |
| font-style: italic; } | |
| /* END Light Italic */ | |
| /* BEGIN Regular */ | |
| @font-face { | |
| font-family: "Open Sans"; | |
| src: url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Regular/OpenSans-Regular.eot?v=1.1.0"); | |
| src: url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Regular/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg"); | |
| font-weight: normal; | |
| font-style: normal; } | |
| /* END Regular */ | |
| /* BEGIN Italic */ | |
| @font-face { | |
| font-family: "Open Sans"; | |
| src: url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Italic/OpenSans-Italic.eot?v=1.1.0"); | |
| src: url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Italic/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Italic/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Italic/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Italic/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Italic/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg"); | |
| font-weight: normal; | |
| font-style: italic; } | |
| /* END Italic */ | |
| /* BEGIN Semibold */ | |
| @font-face { | |
| font-family: "Open Sans"; | |
| src: url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Semibold/OpenSans-Semibold.eot?v=1.1.0"); | |
| src: url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg"); | |
| font-weight: 600; | |
| font-style: normal; } | |
| /* END Semibold */ | |
| /* BEGIN Semibold Italic */ | |
| @font-face { | |
| font-family: "Open Sans"; | |
| src: url("https://w9.barcelona.cat/vendor/fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.eot?v=1.1.0"); | |
| src: url("https://w9.barcelona.cat/vendor/fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.1.0") format("woff2"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.ttf?v=1.1.0") format("truetype"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic") format("svg"); | |
| font-weight: 600; | |
| font-style: italic; } | |
| /* END Semibold Italic */ | |
| /* BEGIN Bold */ | |
| @font-face { | |
| font-family: "Open Sans"; | |
| src: url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Bold/OpenSans-Bold.eot?v=1.1.0"); | |
| src: url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Bold/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/Bold/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg"); | |
| font-weight: bold; | |
| font-style: normal; } | |
| /* END Bold */ | |
| /* BEGIN Bold Italic */ | |
| @font-face { | |
| font-family: "Open Sans"; | |
| src: url("https://w9.barcelona.cat/vendor/fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.eot?v=1.1.0"); | |
| src: url("https://w9.barcelona.cat/vendor/fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.woff2?v=1.1.0") format("woff2"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0") format("woff"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.ttf?v=1.1.0") format("truetype"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.svg?v=1.1.0#BoldItalic") format("svg"); | |
| font-weight: bold; | |
| font-style: italic; } | |
| /* END Bold Italic */ | |
| /* BEGIN Extrabold */ | |
| @font-face { | |
| font-family: "Open Sans"; | |
| src: url("https://w9.barcelona.cat/vendor/fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.eot?v=1.1.0"); | |
| src: url("https://w9.barcelona.cat/vendor/fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0") format("woff"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.ttf?v=1.1.0") format("truetype"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold") format("svg"); | |
| font-weight: 800; | |
| font-style: normal; } | |
| /* END Extrabold */ | |
| /* BEGIN Extrabold Italic */ | |
| @font-face { | |
| font-family: "Open Sans"; | |
| src: url("https://w9.barcelona.cat/vendor/fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?v=1.1.0"); | |
| src: url("https://w9.barcelona.cat/vendor/fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.1.0") format("woff2"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0") format("woff"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf?v=1.1.0") format("truetype"), url("https://w9.barcelona.cat/vendor/fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg?v=1.1.0#ExtraBoldItalic") format("svg"); | |
| font-weight: 800; | |
| font-style: italic; } | |
| /* END Extrabold Italic */ | |
| /* Banner 2015 - Web fonts */ | |
| @font-face { | |
| font-family: "SourceSansPro"; | |
| src: url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/EOT/SourceSansPro-Regular.eot") format("embedded-opentype"), url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/WOFF2/TTF/SourceSansPro-Regular.ttf.woff2") format("woff2"), url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/WOFF/OTF/SourceSansPro-Regular.otf.woff") format("woff"), url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/OTF/SourceSansPro-Regular.otf") format("opentype"), url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/TTF/SourceSansPro-Regular.ttf") format("truetype"); | |
| font-weight: normal; | |
| font-style: normal; } | |
| @font-face { | |
| font-family: "SourceSansProItalic"; | |
| src: url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/EOT/SourceSansPro-It.eot") format("embedded-opentype"), url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/WOFF2/TTF/SourceSansPro-It.ttf.woff2") format("woff2"), url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/WOFF/OTF/SourceSansPro-It.otf.woff") format("woff"), url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/OTF/SourceSansPro-It.otf") format("opentype"), url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/TTF/SourceSansPro-It.ttf") format("truetype"); | |
| font-weight: normal; | |
| font-style: normal; } | |
| @font-face { | |
| font-family: "SourceSansProLightItalic"; | |
| src: url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/EOT/SourceSansPro-LightIt.eot") format("embedded-opentype"), url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/WOFF2/TTF/SourceSansPro-LightIt.ttf.woff2") format("woff2"), url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/WOFF/OTF/SourceSansPro-LightIt.otf.woff") format("woff"), url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/OTF/SourceSansPro-LightIt.otf") format("opentype"), url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/TTF/SourceSansPro-LightIt.ttf") format("truetype"); | |
| font-weight: 300; | |
| font-style: normal; } | |
| @font-face { | |
| font-family: "SourceSansProSemiBold"; | |
| src: url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/EOT/SourceSansPro-Semibold.eot") format("embedded-opentype"), url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/WOFF2/TTF/SourceSansPro-Semibold.ttf.woff2") format("woff2"), url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/WOFF/OTF/SourceSansPro-Semibold.otf.woff") format("woff"), url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/OTF/SourceSansPro-Semibold.otf") format("opentype"), url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/TTF/SourceSansPro-Semibold.ttf") format("truetype"); | |
| font-weight: 600; | |
| font-style: normal; } | |
| @font-face { | |
| font-family: "SourceSansProBold"; | |
| src: url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/EOT/SourceSansPro-Bold.eot") format("embedded-opentype"), url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/WOFF2/TTF/SourceSansPro-Bold.ttf.woff2") format("woff2"), url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/WOFF/OTF/SourceSansPro-Bold.otf.woff") format("woff"), url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/OTF/SourceSansPro-Bold.otf") format("opentype"), url("https://w9.barcelona.cat/vendor/fonts/SourceSansPro/TTF/SourceSansPro-Bold.ttf") format("truetype"); | |
| font-weight: 700; | |
| font-style: normal; } | |
| #brand.v2015 .wrapper .content:after, #brand.v2015 nav.panel:after, #brand.v2015 nav.panel .padding-close:after, #brand.v2015 nav.lang .padding:after, #brand.v2015 nav.app .padding:after, #brand.v2015 nav.app ul li:after, #brand.v2015 nav.app ul li a:after, #brand.v2015 nav.city .left:after, #brand.v2015 nav.city .left ul:after, #brand.v2015 nav.city .right:after, #brand.v2015.v2015-ajuntament-f nav.city .left ul li:last-child:after { | |
| content: "."; | |
| display: block; | |
| clear: both; | |
| visibility: hidden; | |
| line-height: 0; | |
| height: 0; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(4) a { | |
| margin-right: 0 !important; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.app_launcher { | |
| margin-right: 20px; } | |
| /* Banner 2015 Ciutat - Mobile First */ | |
| #brand.v2015 { | |
| font-family: "SourceSansPro", Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| font-size: 16px; } | |
| #brand.v2015 * { | |
| -webkit-box-sizing: initial; | |
| -moz-box-sizing: initial; | |
| box-sizing: initial; | |
| margin: 0; | |
| padding: 0; | |
| list-style-type: none; | |
| list-style-image: none; | |
| line-height: normal; | |
| letter-spacing: 0; } | |
| #brand.v2015 a { | |
| text-decoration: none; | |
| background-color: transparent; | |
| outline: 0; } | |
| #brand.v2015 a:active { | |
| outline: 0; } | |
| #brand.v2015 a:hover { | |
| outline: 0; } | |
| #brand.v2015 img { | |
| border: 0; } | |
| #brand.v2015 ul { | |
| list-style-type: none; | |
| list-style-image: none; | |
| line-height: normal; } | |
| #brand.v2015 p, #brand.v2015 ul, #brand.v2015 dl { | |
| line-height: normal; | |
| font-size: medium; } | |
| #brand.v2015 nav { | |
| position: relative; } | |
| #brand.v2015 .none { | |
| display: none; } | |
| #brand.v2015 .wrapper { | |
| margin: 0 auto; } | |
| #brand.v2015 .wrapper .content { | |
| min-width: 300px; | |
| margin: 0 auto; | |
| padding-left: 10px; | |
| padding-right: 10px; } | |
| #brand.v2015 .wrapper .content ul { | |
| list-style-type: none; } | |
| #brand.v2015 nav.panel { | |
| background-color: #e1e3e3; | |
| display: none; | |
| overflow: hidden; | |
| position: relative; | |
| float: none; | |
| width: 100%; | |
| height: auto; | |
| z-index: 1001; } | |
| #brand.v2015 nav.panel .padding-close { | |
| padding: 10px 0; } | |
| #brand.v2015 nav.panel .padding-close a.close { | |
| display: block; | |
| background-position: 10px center; | |
| background-repeat: no-repeat; | |
| background-size: 13px auto; | |
| font-size: 16px; | |
| color: white; | |
| background-color: #747480; | |
| width: 136px; | |
| text-align: center; | |
| padding-top: 8px; | |
| padding-bottom: 7px; | |
| margin: 0 auto; | |
| text-transform: uppercase; | |
| -webkit-border-radius: 24px; | |
| -moz-border-radius: 24px; | |
| border-radius: 24px; | |
| opacity: 1; | |
| text-shadow: none; | |
| float: none; } | |
| #brand.v2015 header.navbar { | |
| position: relative; | |
| width: 100%; | |
| background-color: #e1e3e3; | |
| height: 41px; | |
| min-width: 320px; } | |
| #brand.v2015 header.navbar .wrapper { | |
| position: relative; | |
| top: 6px; | |
| background-color: white; | |
| border-bottom: 1px solid #f0f1f1; | |
| height: 35px; } | |
| #brand.v2015 header.navbar .wrapper .content { | |
| padding-right: 0; } | |
| #brand.v2015 header.navbar .wrapper .content h1 { | |
| margin: 0; | |
| padding: 0; | |
| float: left; | |
| width: 42.33333%; | |
| max-width: 127px; | |
| background-color: #e1e3e3; | |
| height: 33px; } | |
| #brand.v2015 header.navbar .wrapper .content h1 span { | |
| text-indent: -9999px; | |
| display: block; | |
| height: 0; } | |
| #brand.v2015 header.navbar .wrapper .content h1 a { | |
| display: block; | |
| line-height: 0; | |
| font-size: 0; } | |
| #brand.v2015 header.navbar .wrapper .content h1 a img { | |
| width: 100%; | |
| height: 100%; } | |
| #brand.v2015 header.navbar .wrapper .content .center { | |
| width: 43%; | |
| padding-top: 7px; | |
| float: right; | |
| margin-right: 10px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.app_launcher { | |
| display: none; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.app_launcher_mobile { | |
| float: right; | |
| width: 16px; | |
| height: 16px; | |
| background-size: 16px auto; | |
| margin: 2px 14px 0 0; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.app_launcher_mobile img { | |
| display: none; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.app_launcher_mobile.open { | |
| background-position: left -16px; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.lang_mobile { | |
| color: #747480; | |
| float: right; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.lang_mobile span.lang_text { | |
| display: inline-block; | |
| font-size: 12px; | |
| background-position: right 7px; | |
| background-repeat: no-repeat; | |
| background-size: 7px auto; | |
| padding-right: 11px; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.lang_mobile.open { | |
| color: #c5c5ca; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.search_icon { | |
| float: right; | |
| width: 15px; | |
| height: 16px; | |
| background-repeat: no-repeat; | |
| background-position: 0 0; | |
| margin: 2px 14px 0 0; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.search_icon.open { | |
| background-position: 0 -32px; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.search_icon img { | |
| display: none; } | |
| #brand.v2015 header.navbar .wrapper .content h2.right { | |
| display: none; } | |
| #brand.v2015 header.navbar .wrapper .logo_shield { | |
| float: right; | |
| display: block; | |
| outline: 0; | |
| line-height: 0; | |
| position: relative; | |
| top: 1px; } | |
| #brand.v2015 header.navbar .wrapper .logo_shield img { | |
| height: 33px; } | |
| #brand.v2015 nav.lang { | |
| overflow: hidden; } | |
| #brand.v2015 nav.lang .padding { | |
| padding-top: 25px; | |
| padding-bottom: 25px; | |
| border-bottom: 4px solid white; } | |
| #brand.v2015 nav.lang ul { | |
| width: 100%; } | |
| #brand.v2015 nav.lang ul li { | |
| float: left; | |
| width: 100%; | |
| margin-bottom: 15px; | |
| text-align: center; } | |
| #brand.v2015 nav.lang ul li a { | |
| color: #64646e; | |
| font-family: "SourceSansPro", Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| font-size: 18px; } | |
| #brand.v2015 nav.lang ul li a.active { | |
| color: black; | |
| font-family: "SourceSansProSemiBold", Helvetica, Arial, sans-serif; | |
| font-weight: 600; } | |
| #brand.v2015 nav.lang ul li:last-child { | |
| margin-bottom: 0; } | |
| #brand.v2015 nav.app { | |
| overflow: hidden; } | |
| #brand.v2015 nav.app .padding { | |
| padding-top: 36px; | |
| padding-bottom: 44px; } | |
| #brand.v2015 nav.app ul { | |
| width: 100%; } | |
| #brand.v2015 nav.app ul li { | |
| width: 100%; | |
| margin-bottom: 30px; } | |
| #brand.v2015 nav.app ul li a span.icon { | |
| width: 55px; | |
| height: 55px; | |
| float: left; | |
| background-size: 55px auto; | |
| overflow: hidden; } | |
| #brand.v2015 nav.app ul li a div { | |
| padding-left: 3.33333%; | |
| float: left; | |
| width: 78.33333%; } | |
| #brand.v2015 nav.app ul li a div h3 { | |
| font-family: "SourceSansProBold", Helvetica, Arial, sans-serif; | |
| font-weight: 700; | |
| font-size: 13px; | |
| color: black; | |
| text-transform: none; } | |
| #brand.v2015 nav.app ul li a div p { | |
| font-family: "SourceSansProItalic", Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| font-style: italic; | |
| font-size: 14px; | |
| color: #64646e; | |
| line-height: 14px; | |
| width: 85%; } | |
| #brand.v2015 nav.app ul li:last-child { | |
| margin-bottom: 20px; } | |
| #brand.v2015 nav.app ul li:nth-child(1) a span.icon { | |
| background-position: left 0; } | |
| #brand.v2015 nav.app ul li:nth-child(2) a span.icon { | |
| background-position: left -55px; } | |
| #brand.v2015 nav.app ul li:nth-child(3) a span.icon { | |
| background-position: left -110px; } | |
| #brand.v2015 nav.app nav.links { | |
| width: 100%; } | |
| #brand.v2015 nav.app nav.links ul { | |
| padding-left: 2.33333%; | |
| width: 97.66667%; } | |
| #brand.v2015 nav.app nav.links ul li { | |
| display: inline-block; | |
| height: 40px; | |
| margin-bottom: 10px; } | |
| #brand.v2015 nav.app nav.links ul li a { | |
| vertical-align: middle; } | |
| #brand.v2015 nav.app nav.links ul li a span.icon { | |
| width: 40px; | |
| height: 40px; | |
| background-size: 40px auto; } | |
| #brand.v2015 nav.app nav.links ul li a span.text { | |
| display: inline-block; | |
| padding-top: 10px; | |
| padding-left: 18px; | |
| font-family: "SourceSansProBold", Helvetica, Arial, sans-serif; | |
| font-weight: 700; | |
| font-size: 13px; | |
| color: #747480; } | |
| #brand.v2015 nav.app nav.links ul li:last-child { | |
| margin-bottom: 30px; } | |
| #brand.v2015 nav.app nav.links ul li:nth-child(1) a span.icon { | |
| background-position: left 0; } | |
| #brand.v2015 nav.app nav.links ul li:nth-child(2) a span.icon { | |
| background-position: left -40px; } | |
| #brand.v2015 nav.city { | |
| overflow: hidden; } | |
| #brand.v2015 nav.city .left { | |
| width: 100%; } | |
| #brand.v2015 nav.city .left div { | |
| width: 75%; | |
| padding-right: 0; | |
| text-align: center; | |
| margin: 0 auto; | |
| float: none; } | |
| #brand.v2015 nav.city .left div h3 { | |
| font-family: "SourceSansProLightItalic", Helvetica, Arial, sans-serif; | |
| font-weight: 300; | |
| font-style: italic; | |
| font-size: 18px; | |
| color: black; | |
| text-transform: none; } | |
| #brand.v2015 nav.city .left div h3 a { | |
| color: #ff4949; | |
| text-decoration: underline; | |
| font-family: "SourceSansProItalic", Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| font-style: italic; } | |
| #brand.v2015 nav.city .left ul { | |
| width: 100%; | |
| margin-top: 20px; } | |
| #brand.v2015 nav.city .left ul li { | |
| width: 49%; | |
| margin-right: 5px; | |
| margin-bottom: 5px; | |
| float: left; | |
| display: table; | |
| height: 40px; | |
| position: relative; | |
| cursor: pointer; } | |
| #brand.v2015 nav.city .left ul li:hover { | |
| left: -2px; | |
| top: -3px; } | |
| #brand.v2015 nav.city .left ul li a { | |
| display: table-cell; | |
| vertical-align: middle; | |
| position: relative; | |
| width: 100%; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding-left: 2%; | |
| padding-right: 2%; | |
| text-decoration: none; | |
| text-align: center; | |
| font-family: "SourceSansPro", Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| font-size: 12px; | |
| text-transform: uppercase; | |
| color: white; } | |
| #brand.v2015 nav.city .left ul li:nth-child(1) { | |
| background-color: #ff4949; } | |
| #brand.v2015 nav.city .left ul li:nth-child(1):hover { | |
| -webkit-box-shadow: 2px 3px 0 #bf3232; | |
| -moz-box-shadow: 2px 3px 0 #bf3232; | |
| box-shadow: 2px 3px 0 #bf3232; } | |
| #brand.v2015 nav.city .left ul li:nth-child(2) { | |
| background-color: #efb149; } | |
| #brand.v2015 nav.city .left ul li:nth-child(2):hover { | |
| -webkit-box-shadow: 2px 3px 0 #ad7416; | |
| -moz-box-shadow: 2px 3px 0 #ad7416; | |
| box-shadow: 2px 3px 0 #ad7416; } | |
| #brand.v2015 nav.city .left ul li:nth-child(3) { | |
| background-color: #a4c376; } | |
| #brand.v2015 nav.city .left ul li:nth-child(3):hover { | |
| -webkit-box-shadow: 2px 3px 0 #6d8f3b; | |
| -moz-box-shadow: 2px 3px 0 #6d8f3b; | |
| box-shadow: 2px 3px 0 #6d8f3b; } | |
| #brand.v2015 nav.city .left ul li:nth-child(4) { | |
| background-color: #70b8af; } | |
| #brand.v2015 nav.city .left ul li:nth-child(4):hover { | |
| -webkit-box-shadow: 2px 3px 0 #4e8d85; | |
| -moz-box-shadow: 2px 3px 0 #4e8d85; | |
| box-shadow: 2px 3px 0 #4e8d85; } | |
| #brand.v2015 nav.city .left ul li:nth-child(5) { | |
| background-color: #948dbc; } | |
| #brand.v2015 nav.city .left ul li:nth-child(5):hover { | |
| -webkit-box-shadow: 2px 3px 0 #5e568e; | |
| -moz-box-shadow: 2px 3px 0 #5e568e; | |
| box-shadow: 2px 3px 0 #5e568e; } | |
| #brand.v2015 nav.city .left ul li:nth-child(6) { | |
| background-color: #d871bb; } | |
| #brand.v2015 nav.city .left ul li:nth-child(6):hover { | |
| -webkit-box-shadow: 2px 3px 0 #a14086; | |
| -moz-box-shadow: 2px 3px 0 #a14086; | |
| box-shadow: 2px 3px 0 #a14086; } | |
| #brand.v2015 nav.city .left ul li:nth-child(even) { | |
| margin-right: 0; | |
| float: right; } | |
| #brand.v2015 nav.city .left ul li.button { | |
| background-color: white; | |
| position: relative; | |
| height: 33px; | |
| display: table; } | |
| #brand.v2015 nav.city .left ul li.button:hover { | |
| top: 0; | |
| left: 0; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none; } | |
| #brand.v2015 nav.city .left ul li.button a { | |
| position: relative; | |
| width: 100%; | |
| display: table-cell; | |
| vertical-align: middle; | |
| font-size: 12px; | |
| color: black; | |
| text-transform: none; | |
| text-align: left; } | |
| #brand.v2015 nav.city .left ul li.button a span.icon { | |
| width: 17px; | |
| height: 22px; | |
| background-repeat: no-repeat; | |
| background-size: 17px auto; | |
| left: 12px; | |
| position: relative; } | |
| #brand.v2015 nav.city .left ul li.button a span.text { | |
| padding-left: 23px; | |
| display: table-cell; | |
| vertical-align: middle; | |
| height: 22px; | |
| padding-left: 23px; } | |
| #brand.v2015 nav.city .right { | |
| width: 100%; | |
| margin-top: 15px; | |
| margin-bottom: 30px; } | |
| #brand.v2015 nav.city .right h2 { | |
| width: 44px; | |
| height: 44px; | |
| margin-right: 7px; | |
| float: left; } | |
| #brand.v2015 nav.city .right h2 a img { | |
| width: 100%; | |
| height: 100%; } | |
| #brand.v2015 nav.city .right div { | |
| width: 83%; | |
| float: left; } | |
| #brand.v2015 nav.city .right div h3 { | |
| margin-top: 15px; | |
| display: inline-block; | |
| font-family: "SourceSansProItalic", Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| font-style: italic; | |
| font-size: 12px; | |
| color: #64646e; | |
| float: left; | |
| text-transform: none; } | |
| #brand.v2015 nav.city .right div ul { | |
| display: inline-block; | |
| width: auto; | |
| float: right; } | |
| #brand.v2015 nav.city .right div ul li { | |
| display: inline-block; | |
| width: auto; | |
| margin-bottom: 0; } | |
| #brand.v2015 nav.city .right div ul li a { | |
| display: inline-block; | |
| width: 40px; | |
| height: 40px; | |
| background-size: 40px auto; | |
| margin-right: 3px; | |
| text-indent: -9999px; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(1) a { | |
| background-position: left 0; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(2) a { | |
| background-position: left -40px; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(3) a { | |
| background-position: left -80px; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(4) a { | |
| background-position: left -120px; } | |
| #brand.v2015 nav.city.app .padding { | |
| padding-top: 25px; | |
| padding-bottom: 0; | |
| border-bottom: 4px solid white; } | |
| #brand.v2015 nav.city.app .padding .wrapper .content:first-child { | |
| border-bottom: 4px solid white; } | |
| #brand.v2015 nav.city.app .padding .wrapper .content:nth-child(2) { | |
| padding-top: 30px; } | |
| #brand.v2015 nav.city.app .padding .wrapper .content:nth-child(2) .left div { | |
| width: 100%; } | |
| #brand.v2015 nav.city.app .padding .wrapper .content:nth-child(2) .left div h3 a { | |
| color: black; } | |
| #brand.v2015 nav.city.app .padding .wrapper .content:nth-child(2) ul { | |
| margin-top: 20px; } | |
| #brand.v2015 nav.search_mobile { | |
| height: auto; } | |
| #brand.v2015 nav.search_mobile .padding { | |
| padding: 34px 0; | |
| border-bottom: 4px solid white; } | |
| #brand.v2015 nav.search_mobile .padding form { | |
| width: 82.66667%; | |
| position: relative; | |
| margin: 0 auto; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="search"] { | |
| width: 100%; | |
| margin: 0 auto; | |
| display: block; | |
| font-family: "SourceSansPro", Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| font-size: 16px; | |
| color: black; | |
| padding: 0 92px 0 10px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| border: 1px solid transparent; | |
| height: 35px; | |
| outline: none; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="search"]::-webkit-input-placeholder { | |
| font-size: 16px; | |
| font-family: "SourceSansProLightItalic", Helvetica, Arial, sans-serif; | |
| font-weight: 300; | |
| font-style: italic; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="search"]:-moz-placeholder { | |
| font-size: 16px; | |
| font-family: "SourceSansProLightItalic", Helvetica, Arial, sans-serif; | |
| font-weight: 300; | |
| font-style: italic; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="search"]::-moz-placeholder { | |
| font-size: 16px; | |
| font-family: "SourceSansProLightItalic", Helvetica, Arial, sans-serif; | |
| font-weight: 300; | |
| font-style: italic; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="search"]:-ms-input-placeholder { | |
| font-size: 16px; | |
| font-family: "SourceSansProLightItalic", Helvetica, Arial, sans-serif; | |
| font-weight: 300; | |
| font-style: italic; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="search"]:focus { | |
| border: 1px solid #c60c30; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="submit"] { | |
| position: absolute; | |
| right: 2px; | |
| top: 2px; | |
| font-family: "SourceSansPro", Helvetica, Arial, sans-serif; | |
| font-weight: 300; | |
| font-size: 14px; | |
| color: white; | |
| background-color: #64646e; | |
| background: #64646e; | |
| padding: 6px 12px; | |
| -webkit-border-radius: 10px; | |
| -moz-border-radius: 10px; | |
| border-radius: 10px; | |
| border: 0; | |
| cursor: pointer; | |
| height: 31px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="submit"]:hover { | |
| -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.45) inset; | |
| -moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.45) inset; | |
| box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.45) inset; } | |
| #brand.v2015.restyle header.navbar { | |
| height: 34px !important; } | |
| #brand.v2015.restyle header.navbar .wrapper { | |
| top: 0; | |
| height: 33px; } | |
| #brand.v2015.restyle header.navbar .wrapper .content h1 { | |
| background-color: transparent !important; } | |
| #brand.v2015.restyle header.navbar .wrapper .content h1 a { | |
| color: black; | |
| vertical-align: middle; | |
| margin-top: 17px; | |
| letter-spacing: -0.5px; | |
| font-size: 16px !important; | |
| font-weight: bold; } | |
| #brand.v2015.restyle header.navbar .wrapper .content h1 a img { | |
| display: none; } | |
| #brand.v2015.restyle header.navbar .wrapper .content .logo_shield img { | |
| width: 34px; | |
| height: 100%; } | |
| #brand.v2015.restyle nav.app ul li { | |
| margin-bottom: 10px; } | |
| #brand.v2015.v2015-ciutat-meet nav.city .left ul li:nth-child(1) { | |
| background-color: #158805; } | |
| #brand.v2015.v2015-ciutat-meet nav.city .left ul li:nth-child(1):hover { | |
| -webkit-box-shadow: 2px 3px 0 #0d5703; | |
| -moz-box-shadow: 2px 3px 0 #0d5703; | |
| box-shadow: 2px 3px 0 #0d5703; } | |
| #brand.v2015.v2015-ciutat-meet nav.city .left ul li:nth-child(2) { | |
| background-color: #e90055; } | |
| #brand.v2015.v2015-ciutat-meet nav.city .left ul li:nth-child(2):hover { | |
| -webkit-box-shadow: 2px 3px 0 #81012f; | |
| -moz-box-shadow: 2px 3px 0 #81012f; | |
| box-shadow: 2px 3px 0 #81012f; } | |
| #brand.v2015.v2015-ciutat-meet nav.city .left ul li:nth-child(3) { | |
| background-color: #9f4be4; } | |
| #brand.v2015.v2015-ciutat-meet nav.city .left ul li:nth-child(3):hover { | |
| -webkit-box-shadow: 2px 3px 0 #6f33a0; | |
| -moz-box-shadow: 2px 3px 0 #6f33a0; | |
| box-shadow: 2px 3px 0 #6f33a0; } | |
| #brand.v2015.v2015-ciutat-meet nav.city .left ul li:nth-child(4) { | |
| background-color: #146aff; } | |
| #brand.v2015.v2015-ciutat-meet nav.city .left ul li:nth-child(4):hover { | |
| -webkit-box-shadow: 2px 3px 0 #0a47b2; | |
| -moz-box-shadow: 2px 3px 0 #0a47b2; | |
| box-shadow: 2px 3px 0 #0a47b2; } | |
| #brand.v2015.v2015-ciutat-meet nav.city .left div h3 a { | |
| color: #cc9e31; } | |
| #brand.v2015.restyle.punt-bcn .wrapper .content .center { | |
| width: 85%; } | |
| /* Banner 2015 Ciutat - Media queries */ | |
| @media screen and (min-width: 480px) { | |
| #brand.v2015 .wrapper .content { | |
| min-width: 450px; | |
| padding-left: 15px; | |
| padding-right: 15px; } | |
| #brand.v2015 nav.panel .padding-close { | |
| padding: 15px 0; } | |
| #brand.v2015 nav.panel .padding-close a.close { | |
| font-size: 22px; | |
| background-size: 20px auto; | |
| background-position: 16px center; | |
| width: 204px; | |
| padding-top: 13px; | |
| padding-bottom: 12px; } | |
| #brand.v2015 header.navbar { | |
| height: 51px; } | |
| #brand.v2015 header.navbar .wrapper { | |
| min-height: 45px; } | |
| #brand.v2015 header.navbar .wrapper .content h1 { | |
| width: 36.88889%; | |
| max-width: 171px; | |
| height: 45px; } | |
| #brand.v2015 header.navbar .wrapper .content .center { | |
| width: 48%; | |
| padding-top: 9px; | |
| margin-right: 22px; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.app_launcher_mobile { | |
| width: 24px; | |
| height: 24px; | |
| background-size: 24px auto; | |
| margin-right: 24px; | |
| margin-top: 1px; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.app_launcher_mobile.open { | |
| background-position: 0 -24px; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.lang_mobile { | |
| padding-top: 0; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.lang_mobile span.lang_text { | |
| font-size: 20px; | |
| background-position: right 12px; | |
| background-size: 12px auto; | |
| padding-right: 17px; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.search_icon { | |
| margin-top: 1px; | |
| width: 24px; | |
| height: 23px; | |
| background-size: 22px auto; | |
| margin-right: 23px; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.search_icon.open { | |
| background-position: 0 -23px; } | |
| #brand.v2015 header.navbar .wrapper .content .logo_shield img { | |
| height: 43px; } | |
| #brand.v2015 nav.city .left div h3 { | |
| font-size: 26px; } | |
| #brand.v2015 nav.city .left ul { | |
| margin-top: 30px; } | |
| #brand.v2015 nav.city .left ul li { | |
| width: 49.11111%; | |
| margin-right: 8px; | |
| margin-bottom: 8px; | |
| height: 60px; } | |
| #brand.v2015 nav.city .left ul li a { | |
| font-size: 18px; } | |
| #brand.v2015 nav.city .left ul li.button { | |
| height: 49px; } | |
| #brand.v2015 nav.city .left ul li.button a { | |
| font-size: 19px; } | |
| #brand.v2015 nav.city .left ul li.button a span.icon { | |
| width: 26px; | |
| height: 32px; | |
| background-size: 26px auto; } | |
| #brand.v2015 nav.city .left ul li.button a span.text { | |
| padding-left: 33px; | |
| height: 32px; } | |
| #brand.v2015 nav.city .right { | |
| margin-top: 22px; | |
| margin-bottom: 45px; } | |
| #brand.v2015 nav.city .right h2 { | |
| width: 66px; | |
| height: 66px; | |
| margin-right: 10px; } | |
| #brand.v2015 nav.city .right div { | |
| width: 83.11111%; } | |
| #brand.v2015 nav.city .right div h3 { | |
| font-size: 18px; | |
| margin-top: 20px; } | |
| #brand.v2015 nav.city .right div ul li a { | |
| width: 65px; | |
| height: 65px; | |
| background-size: 65px auto; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(1) a { | |
| background-position: left 0; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(2) a { | |
| background-position: left -65px; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(3) a { | |
| background-position: left -130px; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(4) a { | |
| background-position: left -195px; | |
| margin-right: 0; } | |
| #brand.v2015 nav.app ul li a span.icon { | |
| width: 83px; | |
| height: 83px; | |
| background-size: 83px auto; } | |
| #brand.v2015 nav.app ul li a div { | |
| padding-left: 3.33333%; | |
| width: 78.22222%; } | |
| #brand.v2015 nav.app ul li a div h3 { | |
| font-size: 20px; } | |
| #brand.v2015 nav.app ul li a div p { | |
| font-size: 22px; | |
| line-height: 22px; } | |
| #brand.v2015 nav.app ul li:last-child { | |
| margin-bottom: 30px; } | |
| #brand.v2015 nav.app ul li:nth-child(1) a span.icon { | |
| background-position: left 0; } | |
| #brand.v2015 nav.app ul li:nth-child(2) a span.icon { | |
| background-position: left -83px; } | |
| #brand.v2015 nav.app ul li:nth-child(3) a span.icon { | |
| background-position: left -166px; } | |
| #brand.v2015 nav.app nav.links ul li { | |
| height: 60px; | |
| margin-bottom: 15px; } | |
| #brand.v2015 nav.app nav.links ul li a span.icon { | |
| width: 60px; | |
| height: 60px; | |
| background-size: 60px auto; } | |
| #brand.v2015 nav.app nav.links ul li a span.text { | |
| font-size: 20px; | |
| padding-left: 27px; | |
| padding-top: 15px; } | |
| #brand.v2015 nav.app nav.links ul li:last-child { | |
| margin-bottom: 44px; } | |
| #brand.v2015 nav.app nav.links ul li:nth-child(1) a span.icon { | |
| background-position: left 0; } | |
| #brand.v2015 nav.app nav.links ul li:nth-child(2) a span.icon { | |
| background-position: left -60px; } | |
| #brand.v2015 nav.lang .padding { | |
| padding-top: 44px; | |
| padding-bottom: 40px; } | |
| #brand.v2015 nav.lang ul li a { | |
| font-size: 26px; } | |
| #brand.v2015 nav.search_mobile .padding { | |
| padding: 52px 0; } | |
| #brand.v2015 nav.search_mobile .padding form { | |
| width: 92%; | |
| padding: 0; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="search"] { | |
| height: 50px; | |
| font-size: 22px; | |
| padding-right: 115px; | |
| padding-left: 15px; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="search"]::-webkit-input-placeholder { | |
| font-size: 22px; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="search"]:-moz-placeholder { | |
| font-size: 22px; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="search"]::-moz-placeholder { | |
| font-size: 22px; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="search"]:-ms-input-placeholder { | |
| font-size: 22px; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="submit"] { | |
| font-size: 20px; | |
| height: 46px; | |
| -webkit-border-radius: 15px; | |
| -moz-border-radius: 15px; | |
| border-radius: 15px; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="submit"]:hover { | |
| -webkit-box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.45) inset; | |
| -moz-box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.45) inset; | |
| box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.45) inset; } | |
| #brand.v2015 nav.city.app .padding { | |
| padding-top: 44px; } | |
| #brand.v2015 nav.city.app .padding .wrapper .content:nth-child(2) { | |
| padding-top: 45px; } | |
| #brand.v2015 nav.city.app .padding .wrapper .content:nth-child(2) ul { | |
| margin-top: 30px; } | |
| #brand.v2015.restyle header.navbar { | |
| height: 44px !important; } | |
| #brand.v2015.restyle header.navbar .wrapper { | |
| min-height: 43px; } | |
| #brand.v2015.restyle header.navbar .wrapper .content h1 { | |
| background-color: transparent !important; } | |
| #brand.v2015.restyle header.navbar .wrapper .content h1 a { | |
| vertical-align: middle; | |
| margin-top: 22px; | |
| font-size: 22px !important; } | |
| #brand.v2015.restyle header.navbar .wrapper .content h1 a img { | |
| display: none; } | |
| #brand.v2015.restyle header.navbar .wrapper .content .logo_shield img { | |
| width: 45px; | |
| height: 100%; } | |
| #brand.v2015.restyle nav.app ul li { | |
| margin-bottom: 16px; } | |
| #brand.v2015.restyle nav.app nav.links ul li:first-child { | |
| padding-top: 15px; } | |
| #brand.v2015.v2015-ciutat-prehome.restyle header.navbar .wrapper { | |
| min-height: 43px; } | |
| #brand.v2015.restyle.punt-bcn .wrapper .content .center { | |
| width: 84%; | |
| margin-top: 0; | |
| margin-left: 0; } } | |
| @media screen and (min-width: 640px) { | |
| #brand.v2015 .wrapper .content { | |
| min-width: 600px; | |
| padding-left: 20px; | |
| padding-right: 20px; } | |
| #brand.v2015 nav.panel .padding-close { | |
| padding: 20px 0; } | |
| #brand.v2015 nav.panel .padding-close a.close { | |
| font-size: 30px; | |
| background-size: auto auto; | |
| background-position: 22px center; | |
| width: 272px; | |
| padding-top: 18px; | |
| padding-bottom: 16px; | |
| -webkit-border-radius: 50px; | |
| -moz-border-radius: 50px; | |
| border-radius: 50px; } | |
| #brand.v2015 header.navbar { | |
| min-height: 65px; } | |
| #brand.v2015 header.navbar .wrapper { | |
| min-height: 59px; } | |
| #brand.v2015 header.navbar .wrapper .content h1 { | |
| width: 36.66667%; | |
| max-width: 220px; | |
| height: 58px; } | |
| #brand.v2015 header.navbar .wrapper .content .center { | |
| width: 46.16667%; | |
| padding-top: 10px; | |
| margin-right: 30px; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.app_launcher_mobile { | |
| width: 32px; | |
| height: 32px; | |
| background-size: 32px auto; | |
| margin-right: 30px; | |
| margin-top: 4px; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.app_launcher_mobile:hover, #brand.v2015 header.navbar .wrapper .content .center a.app_launcher_mobile.open { | |
| background-position: left -32px; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.lang_mobile { | |
| padding-top: 0; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.lang_mobile span.lang_text { | |
| font-size: 28px; | |
| background-position: right 18px; | |
| background-size: auto auto; | |
| padding-right: 23px; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.search_icon { | |
| width: 30px; | |
| height: 31px; | |
| background-size: auto auto; | |
| background-position: 0 0; | |
| margin-top: 4px; | |
| margin-right: 30px; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.search_icon.open { | |
| background-position: 0 -32px; } | |
| #brand.v2015 header.navbar .wrapper .content .logo_shield img { | |
| height: 57px; } | |
| #brand.v2015 nav.city .left div h3 { | |
| font-size: 35px; } | |
| #brand.v2015 nav.city .left ul { | |
| margin-top: 40px; } | |
| #brand.v2015 nav.city .left ul li { | |
| width: 49.16667%; | |
| margin-right: 10px; | |
| margin-bottom: 10px; | |
| height: 80px; } | |
| #brand.v2015 nav.city .left ul li a { | |
| font-size: 24px; } | |
| #brand.v2015 nav.city .left ul li.button { | |
| height: 65px; } | |
| #brand.v2015 nav.city .left ul li.button a { | |
| font-size: 26px; } | |
| #brand.v2015 nav.city .left ul li.button a span.icon { | |
| width: 36px; | |
| height: 44px; | |
| background-size: auto auto; | |
| left: 24px; } | |
| #brand.v2015 nav.city .left ul li.button a span.text { | |
| padding-left: 45px; | |
| height: 44px; } | |
| #brand.v2015 nav.city .right { | |
| margin-top: 30px; | |
| margin-bottom: 60px; } | |
| #brand.v2015 nav.city .right h2 { | |
| width: 88px; | |
| height: 88px; | |
| margin-right: 14px; } | |
| #brand.v2015 nav.city .right div { | |
| width: 83%; } | |
| #brand.v2015 nav.city .right div h3 { | |
| font-size: 24px; | |
| margin-top: 20px; } | |
| #brand.v2015 nav.city .right div ul li a { | |
| width: 86px; | |
| height: 86px; | |
| background-size: auto auto; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(1) a { | |
| background-position: left 0; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(2) a { | |
| background-position: left -86px; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(3) a { | |
| background-position: left -172px; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(4) a { | |
| background-position: left -258px; | |
| margin-right: 0; } | |
| #brand.v2015 nav.app ul li a span.icon { | |
| width: 110px; | |
| height: 110px; | |
| background-size: auto auto; } | |
| #brand.v2015 nav.app ul li a div { | |
| padding-left: 3.33333%; | |
| width: 78.33333%; } | |
| #brand.v2015 nav.app ul li a div h3 { | |
| font-size: 26px; } | |
| #brand.v2015 nav.app ul li a div p { | |
| font-size: 30px; | |
| line-height: 30px; } | |
| #brand.v2015 nav.app ul li:last-child { | |
| margin-bottom: 40px; } | |
| #brand.v2015 nav.app ul li:nth-child(1) a span.icon { | |
| background-position: left 0; } | |
| #brand.v2015 nav.app ul li:nth-child(2) a span.icon { | |
| background-position: left -110px; } | |
| #brand.v2015 nav.app ul li:nth-child(3) a span.icon { | |
| background-position: left -220px; } | |
| #brand.v2015 nav.app nav.links ul li { | |
| height: 80px; | |
| margin-bottom: 20px; } | |
| #brand.v2015 nav.app nav.links ul li a span.icon { | |
| width: 80px; | |
| height: 80px; | |
| background-size: auto auto; } | |
| #brand.v2015 nav.app nav.links ul li a span.text { | |
| font-size: 26px; | |
| padding-left: 36px; | |
| padding-top: 20px; } | |
| #brand.v2015 nav.app nav.links ul li:last-child { | |
| margin-bottom: 60px; } | |
| #brand.v2015 nav.app nav.links ul li:nth-child(1) a span.icon { | |
| background-position: left 0; } | |
| #brand.v2015 nav.app nav.links ul li:nth-child(2) a span.icon { | |
| background-position: left -80px; } | |
| #brand.v2015 nav.lang .padding { | |
| padding-top: 62px; | |
| padding-bottom: 53px; } | |
| #brand.v2015 nav.lang ul li a { | |
| font-size: 36px; } | |
| #brand.v2015 nav.search_mobile .padding { | |
| padding: 70px 0; } | |
| #brand.v2015 nav.search_mobile .padding form { | |
| width: 94%; | |
| padding: 0; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="search"] { | |
| height: 66px; | |
| font-size: 30px; | |
| padding-right: 145px; | |
| padding-left: 20px; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="search"]::-webkit-input-placeholder { | |
| font-size: 30px; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="search"]:-moz-placeholder { | |
| font-size: 30px; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="search"]::-moz-placeholder { | |
| font-size: 30px; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="search"]:-ms-input-placeholder { | |
| font-size: 30px; } | |
| #brand.v2015 nav.search_mobile .padding form input[type="submit"] { | |
| font-size: 27px; | |
| height: 62px; | |
| -webkit-border-radius: 18px; | |
| -moz-border-radius: 18px; | |
| border-radius: 18px; } | |
| #brand.v2015 nav.city.app .padding { | |
| padding-top: 62px; } | |
| #brand.v2015 nav.city.app .padding .wrapper .content:nth-child(2) { | |
| padding-top: 60px; } | |
| #brand.v2015 nav.city.app .padding .wrapper .content:nth-child(2) ul { | |
| margin-top: 40px; } | |
| #brand.v2015.restyle header.navbar { | |
| min-height: 58px; } | |
| #brand.v2015.restyle header.navbar .wrapper { | |
| top: 0; | |
| min-height: 57px; } | |
| #brand.v2015.restyle header.navbar .wrapper .content h1 { | |
| background-color: transparent !important; } | |
| #brand.v2015.restyle header.navbar .wrapper .content h1 a { | |
| vertical-align: middle; | |
| margin-top: 28px; | |
| font-size: 30px !important; } | |
| #brand.v2015.restyle header.navbar .wrapper .content h1 a img { | |
| display: none; } | |
| #brand.v2015.restyle header.navbar .wrapper .content .logo_shield img { | |
| height: 100%; | |
| width: 61px; } | |
| #brand.v2015.restyle nav.city .right div { | |
| width: 87%; } | |
| #brand.v2015.restyle nav.app ul li { | |
| margin-bottom: 20px; } | |
| #brand.v2015.v2015-ciutat-prehome.restyle header.navbar .wrapper { | |
| min-height: 57px; } | |
| #brand.v2015.restyle.punt-bcn .wrapper .content .center { | |
| width: 84%; | |
| margin-top: 0; | |
| margin-left: 0; } } | |
| @media screen and (min-width: 1024px) { | |
| #brand.v2015 .wrapper .content { | |
| width: 906px; | |
| padding: 0; } | |
| #brand.v2015 nav.app.city { | |
| display: none; } | |
| #brand.v2015 nav.panel { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| height: 109px; } | |
| #brand.v2015 nav.panel .padding-close { | |
| padding: 0; } | |
| #brand.v2015 nav.panel .padding-close a.close { | |
| position: absolute; | |
| right: 10px; | |
| top: 11px; | |
| width: 18px; | |
| height: 18px; | |
| text-indent: -9999px; | |
| background-repeat: no-repeat; | |
| background-position: left 0; | |
| background-color: transparent; | |
| overflow: hidden; | |
| padding: 0; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; } | |
| #brand.v2015 header.navbar { | |
| height: 45px; | |
| min-height: 45px; } | |
| #brand.v2015 header.navbar .wrapper { | |
| height: 39px; | |
| min-height: 39px; } | |
| #brand.v2015 header.navbar .wrapper.legacy .content { | |
| width: 906px; | |
| padding-left: 0; } | |
| #brand.v2015 header.navbar .wrapper .content { | |
| width: 97.79249%; | |
| min-width: 906px; | |
| padding-left: 2.20751%; } | |
| #brand.v2015 header.navbar .wrapper .content .logo { | |
| width: 40%; | |
| float: left; } | |
| #brand.v2015 header.navbar .wrapper .content .logo h1 { | |
| width: 143px; | |
| height: 37px; } | |
| #brand.v2015 header.navbar .wrapper .content .center { | |
| width: 20%; | |
| text-align: center; | |
| padding-top: 12px; | |
| padding-right: 0; | |
| float: left; | |
| max-width: none; | |
| margin-right: 0; } | |
| #brand.v2015 header.navbar .wrapper .content .center div { | |
| margin: 0 auto; | |
| overflow: hidden; | |
| display: inline-block; } | |
| #brand.v2015 header.navbar .wrapper .content .center .none { | |
| display: inline-block; } | |
| #brand.v2015 header.navbar .wrapper .content .center .search_icon { | |
| display: none; } | |
| #brand.v2015 header.navbar .wrapper .content .center .search_icon.none { | |
| display: block; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.app_launcher_mobile { | |
| display: none; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.app_launcher { | |
| width: 16px; | |
| height: 16px; | |
| float: right; | |
| display: inline-block; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.app_launcher img { | |
| display: none; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.app_launcher.open { | |
| background-position: center -16px; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.app_launcher.open:hover { | |
| background-position: center -16px; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.app_launcher:hover { | |
| background-position: center -32px; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.lang_mobile { | |
| display: none; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.lang { | |
| float: right; | |
| text-decoration: none; | |
| color: #747480; | |
| text-align: center; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.lang span.lang_text { | |
| display: inline-block; | |
| padding-right: 4px; | |
| font-size: 14px; | |
| vertical-align: top; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.lang span.arrow { | |
| background-repeat: no-repeat; | |
| background-position: right 0; | |
| width: 9px; | |
| height: 5px; | |
| display: inline-block; | |
| vertical-align: top; | |
| overflow: hidden; | |
| position: relative; | |
| top: 8px; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.lang.open { | |
| color: #c5c5ca; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.lang.open:hover { | |
| color: #c5c5ca; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.lang.open:hover span.arrow { | |
| background-position: right 0; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.lang:hover { | |
| color: black; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.lang:hover span.arrow { | |
| background-position: right -5px; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.search_icon { | |
| float: right; | |
| width: 15px; | |
| height: 16px; | |
| background-repeat: no-repeat; | |
| background-position: 0 0; | |
| margin-right: 18px; | |
| margin-top: 0; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.search_icon:hover { | |
| background-position: 0 -16px; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.search_icon.open { | |
| background-position: 0 -32px; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.search_icon img { | |
| display: none; } | |
| #brand.v2015 header.navbar .wrapper .content h2.right { | |
| display: inline-block; | |
| margin-right: 20px; | |
| text-align: right; | |
| float: right; | |
| font-family: "SourceSansProBold", Helvetica, Arial, sans-serif; | |
| font-weight: 700; | |
| font-size: 18px; } | |
| #brand.v2015 header.navbar .wrapper .content h2.right a { | |
| text-decoration: none; | |
| color: black; | |
| display: inline-block; | |
| padding-top: 7px; } | |
| #brand.v2015 header.navbar .wrapper .content h2.right a span { | |
| width: 19px; | |
| height: 19px; | |
| display: inline-block; | |
| margin-left: 3px; | |
| background-repeat: no-repeat; | |
| background-position: center 0; | |
| top: 4px; | |
| position: relative; } | |
| #brand.v2015 header.navbar .wrapper .content h2.right a span.open { | |
| background-position: center -38px; } | |
| #brand.v2015 header.navbar .wrapper .content h2.right a:hover span { | |
| background-position: 0 -19px; } | |
| #brand.v2015 header.navbar .wrapper .content h2.right a:hover span.open { | |
| background-position: center -38px; } | |
| #brand.v2015 header.navbar .wrapper .content .logo_shield { | |
| -webkit-transition: all 0.2s ease-in; | |
| -moz-transition: all 0.2s ease-in; | |
| -ms-transition: all 0.2s ease-in; | |
| -o-transition: all 0.2s ease-in; | |
| transition: all 0.2s ease-in; | |
| padding-left: 0; } | |
| #brand.v2015 header.navbar .wrapper .content .logo_shield img { | |
| width: 40px; | |
| height: 37px; } | |
| #brand.v2015 header.navbar .wrapper .content .logo_shield:hover { | |
| padding-left: 75px; | |
| background-repeat: no-repeat; | |
| background-size: 115px auto; } | |
| #brand.v2015 nav.app .padding { | |
| padding-top: 10px; | |
| padding-bottom: 10px; } | |
| #brand.v2015 nav.app .left { | |
| width: 19.31567%; | |
| padding-right: 10px; | |
| float: left; } | |
| #brand.v2015 nav.app .left div { | |
| text-align: right; } | |
| #brand.v2015 nav.app .left div h3 { | |
| font-family: "SourceSansProLightItalic", Helvetica, Arial, sans-serif; | |
| font-weight: 300; | |
| font-style: italic; | |
| color: black; | |
| text-transform: none; | |
| font-size: 19px; | |
| margin-top: 10px; } | |
| #brand.v2015 nav.app .left div h3 a { | |
| color: black; | |
| text-decoration: underline; | |
| font-family: "SourceSansProItalic", Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| font-style: italic; } | |
| #brand.v2015 nav.app .left div p { | |
| font-family: "SourceSansProLightItalic", Helvetica, Arial, sans-serif; | |
| font-weight: 300; | |
| font-style: italic; | |
| font-size: 18px; | |
| color: black; | |
| text-align: right; | |
| margin-top: 10px; | |
| line-height: 17px; } | |
| #brand.v2015 nav.app ul { | |
| width: 59.16115%; | |
| padding-left: 0; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| float: left; } | |
| #brand.v2015 nav.app ul li { | |
| width: 33%; | |
| float: left; | |
| margin-bottom: 0; | |
| text-align: center; } | |
| #brand.v2015 nav.app ul li a { | |
| width: 100%; | |
| display: block; | |
| text-align: center; | |
| line-height: 0; } | |
| #brand.v2015 nav.app ul li a span.icon { | |
| width: 46px; | |
| height: 46px; | |
| background-size: 92px auto; | |
| display: inline-block; | |
| float: none; | |
| margin-bottom: 2px; } | |
| #brand.v2015 nav.app ul li a div { | |
| width: 100%; | |
| padding-left: 0; } | |
| #brand.v2015 nav.app ul li a div h3 { | |
| font-family: "SourceSansProBold", Helvetica, Arial, sans-serif; | |
| font-weight: 700; | |
| font-size: 12px; | |
| color: black; | |
| margin-bottom: 4px; } | |
| #brand.v2015 nav.app ul li a div p { | |
| font-family: "SourceSansProItalic", Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| font-style: italic; | |
| font-size: 12px; | |
| color: #64646e; | |
| line-height: 12px; | |
| width: 80%; | |
| text-align: center; | |
| padding-left: 10%; | |
| padding-right: 10%; } | |
| #brand.v2015 nav.app ul li a:hover div h3 { | |
| color: black; | |
| text-decoration: underline; } | |
| #brand.v2015 nav.app ul li:last-child { | |
| margin-bottom: 0; } | |
| #brand.v2015 nav.app ul li:nth-child(1) a span.icon { | |
| background-position: left 0; } | |
| #brand.v2015 nav.app ul li:nth-child(1) a:hover span.icon { | |
| background-position: right 0; } | |
| #brand.v2015 nav.app ul li:nth-child(2) a span.icon { | |
| background-position: left -46px; } | |
| #brand.v2015 nav.app ul li:nth-child(2) a:hover span.icon { | |
| background-position: right -46px; } | |
| #brand.v2015 nav.app ul li:nth-child(3) a span.icon { | |
| background-position: left -92px; } | |
| #brand.v2015 nav.app ul li:nth-child(3) a:hover span.icon { | |
| background-position: right -92px; } | |
| #brand.v2015 nav.app nav.links { | |
| width: 19.31567%; | |
| float: right; | |
| margin-top: 20px; } | |
| #brand.v2015 nav.app nav.links ul { | |
| width: auto; | |
| padding-top: 0; | |
| display: inline-block; | |
| float: right; } | |
| #brand.v2015 nav.app nav.links ul li { | |
| display: inline-block; | |
| margin-bottom: 7px; | |
| height: 26px; | |
| width: 100%; } | |
| #brand.v2015 nav.app nav.links ul li:last-child { | |
| margin-bottom: 0; } | |
| #brand.v2015 nav.app nav.links ul li a { | |
| text-align: left; } | |
| #brand.v2015 nav.app nav.links ul li a span.icon { | |
| width: 28px; | |
| height: 28px; | |
| background-size: auto auto; | |
| background-repeat: no-repeat; | |
| float: left; } | |
| #brand.v2015 nav.app nav.links ul li a span.text { | |
| font-family: "SourceSansPro", Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| font-size: 12px; | |
| color: #64646e; | |
| padding-left: 6px; | |
| padding-top: 5px; | |
| display: inline-block; } | |
| #brand.v2015 nav.app nav.links ul li a:hover span.text { | |
| color: black; } | |
| #brand.v2015 nav.app nav.links ul li:nth-child(1) a span.icon { | |
| background-position: left 0; } | |
| #brand.v2015 nav.app nav.links ul li:nth-child(1) a:hover span.icon { | |
| background-position: right 0; } | |
| #brand.v2015 nav.app nav.links ul li:nth-child(2) a span.icon { | |
| background-position: left -28px; } | |
| #brand.v2015 nav.app nav.links ul li:nth-child(2) a:hover span.icon { | |
| background-position: right -28px; } | |
| #brand.v2015 nav.lang .padding { | |
| border: 0; | |
| padding-top: 50px; | |
| padding-bottom: 44px; } | |
| #brand.v2015 nav.lang .padding ul { | |
| text-align: center; } | |
| #brand.v2015 nav.lang .padding ul li { | |
| width: auto; | |
| display: inline-block; | |
| float: none; | |
| margin-bottom: 0; } | |
| #brand.v2015 nav.lang .padding ul li a { | |
| text-align: center; | |
| font-size: 16px; | |
| margin-right: 20px; } | |
| #brand.v2015 nav.lang .padding ul li a:hover { | |
| color: black; | |
| text-decoration: underline; } | |
| #brand.v2015 nav.lang .padding ul li:last-child a { | |
| margin-right: 0; } | |
| #brand.v2015 nav.lang .padding ul li a.active, #brand.v2015 nav.lang .padding ul li a.active:hover { | |
| font-family: "SourceSansProSemiBold", Helvetica, Arial, sans-serif; | |
| font-weight: 600; | |
| color: black; | |
| text-decoration: none; } | |
| #brand.v2015 nav.city .padding { | |
| padding-top: 10px; | |
| padding-bottom: 4px; } | |
| #brand.v2015 nav.city .left { | |
| width: 70.64018%; | |
| float: left; } | |
| #brand.v2015 nav.city .left div { | |
| width: 35.78125%; | |
| padding-right: 40px; | |
| text-align: right; | |
| float: left; } | |
| #brand.v2015 nav.city .left div h3 { | |
| font-size: 19px; | |
| margin-top: 10px; } | |
| #brand.v2015 nav.city .left div p { | |
| font-family: "SourceSansProLightItalic", Helvetica, Arial, sans-serif; | |
| font-weight: 300; | |
| font-style: italic; | |
| font-size: 18px; | |
| color: black; | |
| text-align: right; | |
| margin-top: 10px; | |
| line-height: 17px; } | |
| #brand.v2015 nav.city .left ul { | |
| width: 57.8125%; | |
| float: right; | |
| margin-top: 0; } | |
| #brand.v2015 nav.city .left ul li { | |
| float: left; | |
| width: 32.43243%; | |
| margin-right: 5px; | |
| margin-bottom: 5px; | |
| height: 45px; } | |
| #brand.v2015 nav.city .left ul li a { | |
| font-size: 14px; } | |
| #brand.v2015 nav.city .left ul li.large a { | |
| line-height: 14px; } | |
| #brand.v2015 nav.city .left ul li:nth-child(even) { | |
| float: left; | |
| margin-right: 5px; } | |
| #brand.v2015 nav.city .left ul li:nth-child(3), #brand.v2015 nav.city .left ul li:nth-child(6) { | |
| margin-right: 0; } | |
| #brand.v2015 nav.city .left ul li:nth-child(4), #brand.v2015 nav.city .left ul li:nth-child(5), #brand.v2015 nav.city .left ul li:nth-child(6) { | |
| margin-bottom: 0; } | |
| #brand.v2015 nav.city .right { | |
| width: 25.16556%; | |
| float: right; | |
| margin-bottom: 0; | |
| margin-top: 0; | |
| margin-left: 38px; } | |
| #brand.v2015 nav.city .right h2 { | |
| width: 45px; | |
| height: 45px; | |
| margin-right: 10px; | |
| margin-bottom: 23px; } | |
| #brand.v2015 nav.city .right h2 a { | |
| line-height: 0; | |
| display: inline-block; } | |
| #brand.v2015 nav.city .right h2 a img { | |
| width: 45px; | |
| height: 45px; } | |
| #brand.v2015 nav.city .right div { | |
| width: 68.20809%; } | |
| #brand.v2015 nav.city .right div h3 { | |
| font-size: 14px; | |
| margin-bottom: 3px; | |
| margin-top: 0; | |
| color: black; } | |
| #brand.v2015 nav.city .right div ul { | |
| float: left; } | |
| #brand.v2015 nav.city .right div ul li { | |
| width: 26px; | |
| height: 26px; } | |
| #brand.v2015 nav.city .right div ul li a { | |
| width: 26px; | |
| height: 26px; | |
| background-size: 52px auto; | |
| margin-right: 5px; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(1) a { | |
| background-position: left 0; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(1) a:hover { | |
| background-position: right 0; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(2) a { | |
| background-position: left -26px; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(2) a:hover { | |
| background-position: right -26px; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(3) a { | |
| background-position: left -52px; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(3) a:hover { | |
| background-position: right -52px; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(4) a { | |
| margin-right: 0; | |
| background-position: left -78px; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(4) a:hover { | |
| background-position: right -78px; } | |
| #brand.v2015 nav.city ul.buttons { | |
| clear: both; | |
| overflow: hidden; | |
| min-width: 300px; } | |
| #brand.v2015 nav.city ul.buttons li.button { | |
| background-color: #ededed; | |
| margin-right: 5px; | |
| width: auto; | |
| float: left; | |
| position: relative; | |
| height: 28px; | |
| display: table; } | |
| #brand.v2015 nav.city ul.buttons li.button:hover { | |
| background-color: white; | |
| -webkit-box-shadow: 1px 1px 0 #cccccc; | |
| -moz-box-shadow: 1px 1px 0 #cccccc; | |
| box-shadow: 1px 1px 0 #cccccc; | |
| top: -1px; | |
| left: -1px; } | |
| #brand.v2015 nav.city ul.buttons li.button a { | |
| font-size: 12px; | |
| color: black; | |
| padding: 3px 8px; | |
| height: 22px; | |
| text-align: left; | |
| text-transform: none; | |
| display: block; } | |
| #brand.v2015 nav.city ul.buttons li.button a span.icon { | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| height: 20px; | |
| position: relative; | |
| top: -2px; | |
| vertical-align: middle; | |
| width: 16px; } | |
| #brand.v2015 nav.city ul.buttons li.button a span.text { | |
| padding: 4px 0 0 6px; | |
| display: inline-block; } | |
| #brand.v2015 nav.city ul.buttons li.button.planol { | |
| margin-right: 0; } | |
| #brand.v2015 nav.city ul.buttons li.button.planol a span.icon { | |
| width: 15px; | |
| height: 19px; } | |
| #brand.v2015 nav.search .padding { | |
| padding-top: 33px; | |
| padding-bottom: 27px; } | |
| #brand.v2015 nav.search .left { | |
| width: 100%; } | |
| #brand.v2015 nav.search .left form { | |
| width: 545px; | |
| position: relative; | |
| margin: 0 auto; } | |
| #brand.v2015 nav.search .left form input[type="search"] { | |
| width: 100%; | |
| font-family: "SourceSansPro", Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| font-size: 22px; | |
| color: black; | |
| padding: 10px 96px 10px 20px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| border: 1px solid transparent; | |
| height: 50px; | |
| outline: none; } | |
| #brand.v2015 nav.search .left form input[type="search"]::-webkit-input-placeholder { | |
| font-size: 20px; | |
| font-family: "SourceSansProLightItalic", Helvetica, Arial, sans-serif; | |
| font-weight: 300; | |
| font-style: italic; } | |
| #brand.v2015 nav.search .left form input[type="search"]:-moz-placeholder { | |
| font-size: 20px; | |
| font-family: "SourceSansProLightItalic", Helvetica, Arial, sans-serif; | |
| font-weight: 300; | |
| font-style: italic; } | |
| #brand.v2015 nav.search .left form input[type="search"]::-moz-placeholder { | |
| font-size: 20px; | |
| font-family: "SourceSansProLightItalic", Helvetica, Arial, sans-serif; | |
| font-weight: 300; | |
| font-style: italic; } | |
| #brand.v2015 nav.search .left form input[type="search"]:-ms-input-placeholder { | |
| font-size: 20px; | |
| font-family: "SourceSansProLightItalic", Helvetica, Arial, sans-serif; | |
| font-weight: 300; | |
| font-style: italic; } | |
| #brand.v2015 nav.search .left form input[type="search"]:focus { | |
| border: 1px solid #c60c30; } | |
| #brand.v2015 nav.search .left form input[type="submit"] { | |
| display: none; | |
| position: absolute; | |
| right: 2px; | |
| top: 2px; | |
| font-family: "SourceSansPro", Helvetica, Arial, sans-serif; | |
| font-weight: 300; | |
| color: white; | |
| background-color: #64646e; | |
| padding: 10px 16px; | |
| -webkit-border-radius: 15px; | |
| -moz-border-radius: 15px; | |
| border-radius: 15px; | |
| border: 0; | |
| cursor: pointer; | |
| height: 46px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; } | |
| #brand.v2015 nav.search .left form input[type="submit"]:hover { | |
| -webkit-box-shadow: -1px -2px 0px 0px rgba(0, 0, 0, 0.45) inset; | |
| -moz-box-shadow: -1px -2px 0px 0px rgba(0, 0, 0, 0.45) inset; | |
| box-shadow: -1px -2px 0px 0px rgba(0, 0, 0, 0.45) inset; } | |
| #brand.v2015 nav.search .right { | |
| width: 17.66004%; | |
| padding-left: 20px; | |
| float: right; | |
| display: none; } | |
| #brand.v2015 nav.search .right ul li { | |
| display: inline-block; | |
| margin-bottom: 4px; | |
| height: 25px; | |
| width: 100%; } | |
| #brand.v2015 nav.search .right ul li:last-child { | |
| margin-bottom: 0; } | |
| #brand.v2015 nav.search .right ul li.none { | |
| display: none; } | |
| #brand.v2015 nav.search .right ul li a span.icon { | |
| width: 25px; | |
| height: 25px; | |
| background-repeat: no-repeat; | |
| float: left; } | |
| #brand.v2015 nav.search .right ul li a span.text { | |
| font-family: "SourceSansPro", Helvetica, Arial, sans-serif; | |
| font-weight: 400; | |
| font-size: 12px; | |
| color: #64646e; | |
| padding-left: 6px; | |
| padding-top: 5px; | |
| display: inline-block; } | |
| #brand.v2015 nav.search .right ul li a:hover span.text { | |
| color: black; } | |
| #brand.v2015 nav.search .right ul li:nth-child(1) a span.icon { | |
| background-position: 0 0; } | |
| #brand.v2015 nav.search .right ul li:nth-child(1) a:hover span.icon { | |
| background-position: -25px 0; } | |
| #brand.v2015 nav.search .right ul li:nth-child(2) a span.icon { | |
| background-position: 0 -25px; } | |
| #brand.v2015 nav.search .right ul li:nth-child(2) a:hover span.icon { | |
| background-position: -25px -25px; } | |
| #brand.v2015.restyle nav.app nav.links ul li:first-child { | |
| padding-top: 0px; } | |
| #brand.v2015.restyle nav.panel { | |
| height: 115px; } | |
| #brand.v2015.restyle header.navbar { | |
| height: 38px !important; | |
| min-height: 38px !important; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy { | |
| top: 0; | |
| height: 37px; | |
| min-height: 37px; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy .content .center { | |
| width: 33%; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy .content .center a.lang span.lang_text { | |
| padding-right: 0; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy .content a.logo_shield { | |
| position: absolute; | |
| right: 0; | |
| z-index: 1; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy .content a.logo_shield img { | |
| width: 39px; | |
| height: 100%; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy .content h1 { | |
| background-color: transparent !important; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy .content h1 a { | |
| vertical-align: middle; | |
| margin-top: 20px; | |
| font-size: 18px !important; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy .content h1 a img { | |
| display: none; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy .content h2.right { | |
| width: 29%; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy .content h2.right a { | |
| letter-spacing: -0.5px; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy .content .logo { | |
| width: 33%; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy .content .logo_shield { | |
| background-size: 111px 100% !important; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy .content .logo_shield:hover { | |
| background-repeat: no-repeat; | |
| background-size: 100% auto; | |
| background-repeat: no-repeat; | |
| background-size: 100% auto; } | |
| #brand.v2015.restyle nav.city .right div { | |
| width: 68.20809%; } | |
| #brand.v2015.v2015-ciutat-prehome header.navbar .wrapper .content .logo_shield { | |
| -webkit-transition: none; | |
| -moz-transition: none; | |
| -ms-transition: none; | |
| -o-transition: none; | |
| transition: none; | |
| padding-left: 75px; | |
| background-repeat: no-repeat; | |
| background-size: 115px auto; } | |
| #brand.v2015.v2015-ciutat-prehome nav.lang ul { | |
| float: none; } | |
| #brand.v2015.v2015-ciutat-prehome nav.lang ul li { | |
| float: none; } | |
| #brand.v2015.v2015-ciutat-prehome.restyle header.navbar .wrapper { | |
| height: 37px; | |
| min-height: 37px; } | |
| #brand.v2015.v2015-ciutat-prehome.restyle header.navbar .wrapper .content { | |
| height: 37px; | |
| min-height: 37px; } | |
| #brand.v2015.v2015-ciutat-prehome.restyle header.navbar .wrapper .content h1 { | |
| background-color: transparent !important; } | |
| #brand.v2015.v2015-ciutat-prehome.restyle header.navbar .wrapper .content h1 a { | |
| vertical-align: middle; | |
| margin-top: 19px; | |
| font-size: 18px !important; } | |
| #brand.v2015.v2015-ciutat-prehome.restyle header.navbar .wrapper .content h1 a img { | |
| display: none; } | |
| #brand.v2015.v2015-ciutat-prehome.restyle header.navbar .wrapper .content .logo_shield img { | |
| width: auto; | |
| height: 36px; } | |
| #brand.v2015.v2015-ciutat-meet nav.city .left div { | |
| width: 40.78125%; } | |
| #brand.v2015.v2015-ciutat-meet nav.city .left ul { | |
| padding-left: 6.62252%; | |
| padding-right: 6.62252%; | |
| width: 38.28125%; } | |
| #brand.v2015.v2015-ciutat-meet nav.city .left ul li { | |
| width: 48.97959%; } | |
| #brand.v2015.v2015-ciutat-meet nav.city .left ul li:nth-child(even) { | |
| margin-right: 0; } | |
| #brand.v2015.v2015-ciutat-meet nav.city .left ul li:nth-child(3) { | |
| margin-right: 5px; } | |
| #brand.v2015.v2015-ciutat-meet.restyle header.navbar { | |
| height: 38px !important; | |
| min-height: 38px !important; } | |
| #brand.v2015.v2015-ciutat-meet.restyle header.navbar .wrapper { | |
| top: 0; } | |
| #brand.v2015.v2015-ciutat-meet.restyle header.navbar .wrapper .content h1 { | |
| background-color: transparent !important; } | |
| #brand.v2015.v2015-ciutat-meet.restyle header.navbar .wrapper .content h1 a { | |
| vertical-align: middle; | |
| margin-top: 21px; | |
| font-size: 18px !important; } | |
| #brand.v2015.v2015-ciutat-meet.restyle header.navbar .wrapper .content h1 a img { | |
| display: none; } | |
| #brand.v2015.v2015-ciutat-meet.restyle header.navbar .wrapper .content h2.right { | |
| width: 29%; } | |
| #brand.v2015.v2015-ciutat-meet.restyle header.navbar .wrapper .content .center { | |
| width: 33%; } | |
| #brand.v2015.v2015-ciutat-meet.restyle header.navbar .wrapper .content .logo { | |
| width: 33%; } | |
| #brand.v2015.v2015-ciutat-meet.restyle nav.lang .padding { | |
| padding-top: 50px; | |
| padding-bottom: 44px; } | |
| #brand.v2015.v2015-ciutat-meet.lang-fr nav.app .left div p { | |
| margin-top: 6px; } | |
| #brand.v2015.v2015-ciutat-meet.lang-fr nav.app ul li a div p { | |
| width: 81%; } | |
| #brand.v2015.v2015-ciutat-meet.lang-fr nav.city .left div p { | |
| margin-top: 6px; } | |
| #brand.v2015.restyle.punt-bcn .wrapper .content .center { | |
| width: 100%; | |
| margin-top: -38px; | |
| margin-left: -10px; } } | |
| @media screen and (min-width: 1280px) { | |
| #brand.v2015 .wrapper .content { | |
| width: 1080px; } | |
| #brand.v2015 nav.panel { | |
| height: 124px; } | |
| #brand.v2015 header.navbar { | |
| height: 53px; } | |
| #brand.v2015 header.navbar .wrapper { | |
| height: 47px; } | |
| #brand.v2015 header.navbar .wrapper .content { | |
| min-width: 1080px; } | |
| #brand.v2015 header.navbar .wrapper .content .logo h1 { | |
| width: 175px; | |
| height: 46px; } | |
| #brand.v2015 header.navbar .wrapper .content .center { | |
| padding-top: 16px; } | |
| #brand.v2015 header.navbar .wrapper .content h2.right { | |
| font-size: 20px; | |
| margin-right: 12px; | |
| clear: none; } | |
| #brand.v2015 header.navbar .wrapper .content h2.right a { | |
| padding-top: 10px; } | |
| #brand.v2015 header.navbar .wrapper .content .logo_shield img { | |
| width: 48px; | |
| height: 45px; } | |
| #brand.v2015 header.navbar .wrapper .content .logo_shield:hover { | |
| background-size: auto auto; | |
| padding-left: 91px; } | |
| #brand.v2015 nav.app .padding { | |
| padding: 32px 0 0 0; } | |
| #brand.v2015 nav.app .padding .left { | |
| width: 20.37037%; | |
| padding-right: 40px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; } | |
| #brand.v2015 nav.app .padding .left div h3 { | |
| margin-top: 0; | |
| font-size: 21px; } | |
| #brand.v2015 nav.app .padding .left div p { | |
| font-size: 20px; | |
| margin-top: 6px; } | |
| #brand.v2015 nav.app .padding ul { | |
| width: 62.40741%; } | |
| #brand.v2015 nav.app .padding ul li a span.icon { | |
| width: 63px; | |
| height: 63px; | |
| background-size: 126px 189px; | |
| float: left; } | |
| #brand.v2015 nav.app .padding ul li a div { | |
| float: left; | |
| width: 62.05357%; | |
| padding-left: 10px; | |
| text-align: left; } | |
| #brand.v2015 nav.app .padding ul li a div p { | |
| line-height: 14px; | |
| text-align: left; | |
| font-size: 14px; | |
| width: 90%; | |
| padding: 0; } | |
| #brand.v2015 nav.app .padding ul li:nth-child(2) a span.icon { | |
| background-position: left -63px; } | |
| #brand.v2015 nav.app .padding ul li:nth-child(2) a:hover span.icon { | |
| background-position: right -63px; } | |
| #brand.v2015 nav.app .padding ul li:nth-child(3) a span.icon { | |
| background-position: left -126px; } | |
| #brand.v2015 nav.app .padding ul li:nth-child(3) a:hover span.icon { | |
| background-position: right -126px; } | |
| #brand.v2015 nav.app nav.links { | |
| width: 17.22222%; | |
| margin-top: 0; } | |
| #brand.v2015 nav.app nav.links ul { | |
| padding-left: 0; } | |
| #brand.v2015 nav.lang .padding { | |
| padding-top: 53px; | |
| padding-bottom: 47px; } | |
| #brand.v2015 nav.lang .padding ul li a { | |
| font-size: 18px; } | |
| #brand.v2015 nav.city .left { | |
| width: 70%; } | |
| #brand.v2015 nav.city .left div { | |
| width: 35.71429%; | |
| padding-right: 60px; } | |
| #brand.v2015 nav.city .left div h3 { | |
| font-size: 21px; | |
| margin-top: 14px; } | |
| #brand.v2015 nav.city .left div p { | |
| font-size: 20px; | |
| line-height: 19px; } | |
| #brand.v2015 nav.city .left ul { | |
| width: 56.34921%; } | |
| #brand.v2015 nav.city .left ul li { | |
| width: 32.39437%; | |
| margin-bottom: 6px; | |
| margin-right: 6px; | |
| height: 52px; } | |
| #brand.v2015 nav.city .left ul li:nth-child(even) { | |
| margin-right: 6px; } | |
| #brand.v2015 nav.city .left ul li:last-child { | |
| margin-right: 0; } | |
| #brand.v2015 nav.city .right { | |
| width: 24.44444%; | |
| margin-left: 60px; } | |
| #brand.v2015 nav.city .right h2 { | |
| margin-bottom: 29px; | |
| width: 52px; | |
| height: 52px; } | |
| #brand.v2015 nav.city .right h2 a img { | |
| width: 52px; | |
| height: 52px; } | |
| #brand.v2015 nav.city .right div h3 { | |
| margin-bottom: 5px; } | |
| #brand.v2015 nav.city .right div ul li { | |
| width: 30px; | |
| height: 30px; } | |
| #brand.v2015 nav.city .right div ul li a { | |
| width: 30px; | |
| height: 30px; | |
| background-size: 60px auto; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(1) a { | |
| background-position: left 0; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(1) a:hover { | |
| background-position: right 0; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(2) a { | |
| background-position: left -30px; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(2) a:hover { | |
| background-position: right -30px; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(3) a { | |
| background-position: left -60px; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(3) a:hover { | |
| background-position: right -60px; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(4) a { | |
| margin-right: 0; | |
| background-position: left -90px; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(4) a:hover { | |
| background-position: right -90px; } | |
| #brand.v2015 nav.city ul.buttons li.button { | |
| width: auto; } | |
| #brand.v2015 nav.city ul.buttons li.button a { | |
| font-size: 14px; | |
| padding: 3px 8px; } | |
| #brand.v2015 nav.city ul.buttons li.button a span.icon { | |
| top: -2px; } | |
| #brand.v2015 nav.city ul.buttons li.button a span.text { | |
| padding-top: 2px; } | |
| #brand.v2015 nav.search .padding { | |
| padding-top: 40px; } | |
| #brand.v2015.restyle nav.app nav.links ul li:first-child { | |
| padding-top: 0px; } | |
| #brand.v2015.restyle nav.panel { | |
| height: 131px; } | |
| #brand.v2015.restyle header.navbar { | |
| height: 46px !important; | |
| min-height: 46px; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy { | |
| top: 0; | |
| height: 45px; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy .content h1 { | |
| background-color: transparent !important; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy .content h1 a { | |
| margin-top: 23px; | |
| font-size: 20px !important; | |
| letter-spacing: -0.5px; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy .content h1 a img { | |
| display: none; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy .content .center a.lang span.lang_text { | |
| padding-right: 0; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy .content a.logo_shield { | |
| position: absolute; | |
| right: 0; | |
| background-size: 135px 100% !important; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy .content a.logo_shield img { | |
| width: 48px; | |
| height: 100%; } | |
| #brand.v2015.restyle header.navbar .wrapper.legacy .content h2.right a { | |
| font-size: 20px; | |
| letter-spacing: -0.5px; } | |
| #brand.v2015.restyle .js_launcher_panel .padding .wrapper .content .left h3 { | |
| margin-top: -8px; } | |
| #brand.v2015.restyle .js_launcher_panel .padding .wrapper .content .left h3 a { | |
| font-size: 21px; } | |
| #brand.v2015.restyle .js_city_panel .padding .wrapper .content .left h3 a { | |
| font-size: 21px; } | |
| #brand.v2015.v2015-ciutat-prehome header.navbar .wrapper .content .logo_shield { | |
| -webkit-transition: none; | |
| -moz-transition: none; | |
| -ms-transition: none; | |
| -o-transition: none; | |
| transition: none; | |
| padding-left: 91px; | |
| background-size: auto auto; } | |
| #brand.v2015.v2015-ciutat-prehome nav.lang ul { | |
| float: none; } | |
| #brand.v2015.v2015-ciutat-prehome nav.lang ul li { | |
| float: none; } | |
| #brand.v2015.v2015-ciutat-prehome.restyle header.navbar .wrapper { | |
| height: 45px; } | |
| #brand.v2015.v2015-ciutat-prehome.restyle header.navbar .wrapper .content h1 { | |
| background-color: transparent !important; } | |
| #brand.v2015.v2015-ciutat-prehome.restyle header.navbar .wrapper .content h1 a { | |
| margin-top: 23px; | |
| font-size: 20px !important; | |
| letter-spacing: -0.5px; } | |
| #brand.v2015.v2015-ciutat-prehome.restyle header.navbar .wrapper .content h1 a img { | |
| display: none; } | |
| #brand.v2015.v2015-ciutat-prehome.restyle header.navbar .wrapper .content .logo_shield img { | |
| width: auto; | |
| height: 44px; } | |
| #brand.v2015.lang-fr nav.app .padding .left div p { | |
| margin-top: 5px; } | |
| #brand.v2015.restyle.punt-bcn .wrapper .content .center { | |
| width: 100%; | |
| margin-top: -47px; | |
| margin-left: -10px; } } | |
| #brand.v2015 .wrapper .content:after, #brand.v2015 nav.panel:after, #brand.v2015 nav.panel .padding-close:after, #brand.v2015 nav.lang .padding:after, #brand.v2015 nav.app .padding:after, #brand.v2015 nav.app ul li:after, #brand.v2015 nav.app ul li a:after, #brand.v2015 nav.city .left:after, #brand.v2015 nav.city .left ul:after, #brand.v2015 nav.city .right:after, #brand.v2015.v2015-ajuntament-f nav.city .left ul li:last-child:after { | |
| content: "."; | |
| display: block; | |
| clear: both; | |
| visibility: hidden; | |
| line-height: 0; | |
| height: 0; } | |
| #brand.v2015 nav.city .right div ul li:nth-child(4) a { | |
| margin-right: 0 !important; } | |
| #brand.v2015 header.navbar .wrapper .content .center a.app_launcher { | |
| margin-right: 20px; } | |
| #LogoBox { display: None }; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment