@import url('https://fonts.googleapis.com/css?family=Roboto'); @import url(https://fonts.googleapis.com/css?family=Roboto:400,700); /* Bootstrap */ /* ========================================================================== Shotgun bootstrap ========================================================================== */ /* Fonts */ @font-face { font-family: 'fontello'; src: url('/fonts/fontello.eot'); src: url('/fonts/fontello.eot#iefix') format('embedded-opentype'), url('/fonts/fontello.woff') format('woff'), url('/fonts/fontello.ttf') format('truetype'), url('/fonts/fontello.svg#fontello') format('svg'); font-weight: normal; font-style: normal; } [class^="fonticon-"]:before, [class*=" fonticon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.6em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: 0.6em; bottom: 5px; position: relative; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Default color */ [class^="fonticon-"], [class*=" fonticon-"] { color: #bfbfbf; } /* Other colors */ a:hover .fonticon-color-gray1, .fonticon-color-gray1.active { color: #414141; } a:hover .fonticon-color-blue5, .fonticon-color-blue5.active { color: #3b5998; } a:hover .fonticon-color-yellow19, .fonticon-color-yellow19.active { color: #ebbe35; } a:hover .fonticon-color-red8, .fonticon-color-red8.active { color: #c86e67; } a:hover .fonticon-color-red10, .fonticon-color-red10.active { color: #c81414; } a:hover .fonticon-color-green, .fonticon-color-green.active { color: #4f9962; } a:hover .fonticon-color-yellow21, .fonticon-color-yellow21 { color: #cecbc3; } /* Sizes */ .fonticon-size-large { font-size: 18px; } .fonticon-size-xlarge { font-size: 40px; } .fonticon-size-xxlarge { font-size: 55px; } /* Vertical & Horizontal fix */ .fonticon-vertical-fix { vertical-align: -1px; } .fonticon-horizontal-fix { margin-left: -4px; } .fonticon-no-thumb:before { content: '\e80b'; } /* '' */ .fonticon-gplus:before { content: '\e816'; } /* '' */ .fonticon-mail:before { content: '\e801'; } /* '' */ .fonticon-star:before { content: '\e802'; } /* '' */ .fonticon-star-empty:before { content: '\e827'; } /* '' */ .fonticon-user:before { content: '\e803'; } /* '' */ .fonticon-camera:before { content: '\e822'; } /* '' */ .fonticon-check:before { content: '\e804'; } /* '' */ .fonticon-cancel:before { content: '\e825'; } /* '' */ .fonticon-plus:before { content: '\e828'; } /* '' */ .fonticon-info:before { content: '\e806'; } /* '' */ .fonticon-info-circled:before { content: '\e800'; } /* '' */ .fonticon-home:before { content: '\e805'; } /* '' */ .fonticon-lock:before { content: '\e807'; } /* '' */ .fonticon-lock-open:before { content: '\e826'; } /* '' */ .fonticon-tag:before { content: '\e820'; } /* '' */ .fonticon-pencil:before { content: '\e808'; } /* '' */ .fonticon-print:before { content: '\e809'; } /* '' */ .fonticon-attention:before { content: '\e80a'; } /* '' */ .fonticon-vcard:before { content: '\e81f'; } /* '' */ .fonticon-search:before { content: '\e81a'; } /* '' */ .fonticon-docs:before { content: '\e80c'; } /* '' */ .fonticon-doc-text:before { content: '\e821'; } /* '' */ .fonticon-phone:before { content: '\e80d'; } /* '' */ .fonticon-cog:before { content: '\e80e'; } /* '' */ .fonticon-share:before { content: '\e824'; } /* '' */ .fonticon-basket:before { content: '\e81b'; } /* '' */ .fonticon-clock:before { content: '\e810'; } /* '' */ .fonticon-block:before { content: '\e80f'; } /* '' */ .fonticon-arrow-combo:before { content: '\e819'; } /* '' */ .fonticon-left-open:before { content: '\e818'; } /* '' */ .fonticon-right-open:before { content: '\e817'; } /* '' */ .fonticon-down-open-mini:before { content: '\e811'; } /* '' */ .fonticon-down-dir:before { content: '\e823'; } /* '' */ .fonticon-up-dir:before { content: '\e81d'; } /* '' */ .fonticon-cw:before { content: '\e813'; } /* '' */ .fonticon-arrows-ccw:before { content: '\e812'; } /* '' */ .fonticon-lifebuoy:before { content: '\e81c'; } /* '' */ .fonticon-twitter:before { content: '\e814'; } /* '' */ .fonticon-facebook:before { content: '\e815'; } /* '' */ .fonticon-location:before { content: '\e81e'; } /* '' */ .fonticon-inbox:before { content: '\e801'; } /* '' */ [class^="fonticon-"], [class*=" fonticon-"] { display: inline-block; font-family: 'fontello'; font-style: normal; font-weight: normal; /* fix buttons height */ line-height: 1em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ } .fonticon-no-thumb { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-gplus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-mail { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-star { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-star-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-user { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-camera { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-check { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-cancel { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-info { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-info-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-home { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-lock { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-lock-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-tag { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-pencil { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-print { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-attention { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-vcard { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-search { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-docs { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-doc-text { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-phone { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-cog { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-share { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-basket { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-clock { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-block { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-arrow-combo { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-left-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-right-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-down-open-mini { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-down-dir { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-up-dir { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-cw { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-arrows-ccw { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-lifebuoy { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-twitter { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-facebook { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-location { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .fonticon-inbox { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } @font-face { font-family: 'fontawesome'; src: url('/fonts/fontawesome-webfont.eot'); src: url('/fonts/fontawesome-webfont.eot#iefix') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff') format('woff'), url('/fonts/fontawesome-webfont.ttf') format('truetype'), url('/fonts/fontawesome-webfont.svg#fontawesome') format('svg'); font-weight: normal; font-style: normal; } [class^="glyph-"]:before, [class*=" glyph-"]:before { font-family: "fontawesome"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Default color */ [class^="glyph-"], [class*=" glyph-"] { color: #bfbfbf; } /* Other colors */ a:hover .glyph-color-white, .glyph-color-white.active { color: #FFF; } a:hover .glyph-color-gray1, .glyph-color-gray1.active { color: #414141; } a:hover .glyph-color-blue5, .glyph-color-blue5.active { color: #3b5998; } a:hover .glyph-color-yellow19, .glyph-color-yellow19.active { color: #ebbe35; } a:hover .glyph-color-red8, .glyph-color-red8.active { color: #c86e67; } a:hover .glyph-color-red10, .glyph-color-red10.active { color: #c81414; } a:hover .glyph-color-green, .glyph-color-green.active { color: #4f9962; } a:hover .glyph-color-yellow21, .glyph-color-yellow21 { color: #cecbc3; } /* Sizes */ .glyph-size-large { font-size: 18px; } .glyph-size-xlarge { font-size: 40px; } .glyph-size-xxlarge { font-size: 55px; } /* Vertical & Horizontal fix */ .glyph-vertical-fix { vertical-align: -1px; } .glyph-horizontal-fix { margin-left: -4px; } .glyph-edit:before { content: '\f044'; } /* '' */ .glyph-shop:before { content: '\f07a'; } /* '' */ .glyph-money:before { content: "\f0d6"; } .glyph-heart:before { content: "\f004"; } .glyph-arrow-up:before { content: "\f062"; } .glyph-check:before { content: "\f00c"; } .glyph-circle:before { content: "\f111"; } .glyph-envelope:before { content: "\f0e0"; } .glyph-check:before { content: "\f00c"; } .glyph-docs:before { content: "\f016"; } .glyph-chart:before { content: "\f080"; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } [class^="glyph-"], [class*=" glyph-"] { display: inline-block; font-family: 'fontawesome'; font-style: normal; font-weight: normal; /* fix buttons height */ line-height: 1em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ } .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-bump:before { content: "\f155"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-eye:before { content: "\f06e"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-phone:before { content: "\f095"; } .fa-message:before { content: "\f0e0"; } .fa-email:before { content: "\f0a6"; } .fa-docs:before { content: "\f016"; } .glyph-close:before { content: "\f00d"; } /* Core variables and mixins */ /* Global ========================================================================== */ /* Colors */ /* Gray */ /* Green */ /* Yellow */ /* Red */ /* Blue */ /* Brown */ /*@brown4: #b6a266;*/ /* Orange */ /* General colors */ /* Brand colors */ /* Social */ /* Typography */ /* Links */ /* Grid */ /* Fluid Grid */ /* Wells */ /* Tables ========================================================================== */ /* Buttons */ /* Forms */ /* base line-height + 8px vertical padding + 2px top/bottom border */ /* Input placeholder text color ========================================================================== */ /* Horizontal forms & lists ========================================================================== */ /* Component sizing ========================================================================== */ /* Navbar ========================================================================== */ /* Form states, alerts, labels and badges ========================================================================== */ /* Tooltips and popovers ========================================================================== */ /* Special enhancement for popovers */ /* Dropdowns ========================================================================== */ /* Modals ========================================================================== */ /* z-index ========================================================================== */ /* Used for a bird's eye view of components dependent on the z-axis */ /* Try to avoid customizing these :) */ /* Pagination ========================================================================== */ /* Mixins ========================================================================== */ /* Clearing floats */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } /* Center-align a block level element ========================================================================== */ /* Nav-tabs fullwidth counttabs ========================================================================== */ /* The Grid - http://open.spotify.com/track/5z9v299A7qXXSk2VY0sUu0 ========================================================================== */ /* Table columns */ /* Text overflows ========================================================================== */ /* Requires inline-block or block for proper styling */ /* Text overflows ========================================================================== */ /* Placeholder text ========================================================================== */ /* CSS3 Properties ========================================================================== */ /* Border Radius */ /* Box sizing */ /* Single Corner Border Radius */ /* Single Side Border Radius */ /* Drop shadows */ /* Opacity */ /* Background clipping */ /* Heads up: FF 3.6 and under need "padding" instead of "padding-box" */ /* Transitions */ /* Sizing shortcuts ========================================================================== */ /* Component mixins ========================================================================== */ /* Dividers (basically an hr) within dropdowns and nav lists */ /* Backgrounds ========================================================================== */ /* Gradient Bar Colors for buttons and alerts */ /* Gradients */ /* Background sizing */ /* Reset filters for IE */ /* CSS Reset */ /* =========================================================================== Eric meyer CSS reset v2.0 ========================================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } table { border-collapse: collapse; border-spacing: 0; } /* If we remove this file we still wanna keep this somewhere or our .btn used in forms will be fudged up in FF /greetings from Henrik */ button::-moz-focus-inner { border: 0; } /* Grid system and page structure */ /* Global ========================================================================== */ html, body { height: 100%; -webkit-text-size-adjust: none; } /* Body */ body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px; color: #414141; background-color: #f6f3eb; } .wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; } .container { margin-right: auto; margin-left: auto; *zoom: 1; } .container:before, .container:after { display: table; content: ""; line-height: 0; } .container:after { clear: both; } footer, .push { height: 66px; } /* Sprite icons */ i { display: block; } /* Load Grid */ .row { margin-left: -16px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; /* prevent collapsing columns */ margin-left: 13px; } /* Set the container width, and override it for fixed navbars in media queries */ .container { width: 980px; } /* generate .spanX and .offsetX */ .span18 { width: 974px; } .span17 { width: 919px; } .span16 { width: 864px; } .span15 { width: 809px; } .span14 { width: 754px; } .span13 { width: 699px; } .span12 { width: 644px; } .span11 { width: 589px; } .span10 { width: 534px; } .span9 { width: 479px; } .span8 { width: 424px; } .span7 { width: 369px; } .span6 { width: 314px; } .span5 { width: 259px; } .span4 { width: 204px; } .span3 { width: 149px; } .span2 { width: 94px; } .span1 { width: 39px; } .offset18 { margin-left: 1006px; } .offset17 { margin-left: 951px; } .offset16 { margin-left: 896px; } .offset15 { margin-left: 841px; } .offset14 { margin-left: 786px; } .offset13 { margin-left: 731px; } .offset12 { margin-left: 676px; } .offset11 { margin-left: 621px; } .offset10 { margin-left: 566px; } .offset9 { margin-left: 511px; } .offset8 { margin-left: 456px; } .offset7 { margin-left: 401px; } .offset6 { margin-left: 346px; } .offset5 { margin-left: 291px; } .offset4 { margin-left: 236px; } .offset3 { margin-left: 181px; } .offset2 { margin-left: 126px; } .offset1 { margin-left: 71px; } .row-fluid { width: 100%; *zoom: 1; /* Space grid-sized controls properly if multiple per line */ /* generate .spanX and .offsetX */ } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { float: left; margin-left: 1.642710472279261%; *margin-left: 1.591375770020534%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 1.642710472279261%; } .row-fluid .span18 { width: 100%; *width: 99.94866529774127%; } .row-fluid .span17 { width: 94.35318275154003%; *width: 94.3018480492813%; } .row-fluid .span16 { width: 88.70636550308008%; *width: 88.65503080082135%; } .row-fluid .span15 { width: 83.05954825462013%; *width: 83.0082135523614%; } .row-fluid .span14 { width: 77.41273100616016%; *width: 77.36139630390143%; } .row-fluid .span13 { width: 71.76591375770019%; *width: 71.71457905544146%; } .row-fluid .span12 { width: 66.11909650924024%; *width: 66.06776180698151%; } .row-fluid .span11 { width: 60.47227926078028%; *width: 60.420944558521555%; } .row-fluid .span10 { width: 54.82546201232033%; *width: 54.7741273100616%; } .row-fluid .span9 { width: 49.17864476386037%; *width: 49.12731006160164%; } .row-fluid .span8 { width: 43.53182751540041%; *width: 43.48049281314168%; } .row-fluid .span7 { width: 37.88501026694045%; *width: 37.83367556468172%; } .row-fluid .span6 { width: 32.23819301848049%; *width: 32.18685831622176%; } .row-fluid .span5 { width: 26.591375770020534%; *width: 26.540041067761805%; } .row-fluid .span4 { width: 20.944558521560573%; *width: 20.893223819301845%; } .row-fluid .span3 { width: 15.297741273100614%; *width: 15.246406570841888%; } .row-fluid .span2 { width: 9.650924024640656%; *width: 9.599589322381929%; } .row-fluid .span1 { width: 4.004106776180698%; *width: 3.9527720739219707%; } .row-fluid .offset18 { margin-left: 103.28542094455852%; *margin-left: 103.18275154004107%; } .row-fluid .offset18:first-child { margin-left: 101.64271047227926%; *margin-left: 101.5400410677618%; } .row-fluid .offset17 { margin-left: 97.63860369609856%; *margin-left: 97.5359342915811%; } .row-fluid .offset17:first-child { margin-left: 95.9958932238193%; *margin-left: 95.89322381930184%; } .row-fluid .offset16 { margin-left: 91.9917864476386%; *margin-left: 91.88911704312115%; } .row-fluid .offset16:first-child { margin-left: 90.34907597535934%; *margin-left: 90.24640657084188%; } .row-fluid .offset15 { margin-left: 86.34496919917865%; *margin-left: 86.24229979466119%; } .row-fluid .offset15:first-child { margin-left: 84.70225872689939%; *margin-left: 84.59958932238193%; } .row-fluid .offset14 { margin-left: 80.69815195071868%; *margin-left: 80.59548254620123%; } .row-fluid .offset14:first-child { margin-left: 79.05544147843942%; *margin-left: 78.95277207392196%; } .row-fluid .offset13 { margin-left: 75.05133470225871%; *margin-left: 74.94866529774126%; } .row-fluid .offset13:first-child { margin-left: 73.40862422997945%; *margin-left: 73.305954825462%; } .row-fluid .offset12 { margin-left: 69.40451745379876%; *margin-left: 69.3018480492813%; } .row-fluid .offset12:first-child { margin-left: 67.7618069815195%; *margin-left: 67.65913757700204%; } .row-fluid .offset11 { margin-left: 63.75770020533881%; *margin-left: 63.65503080082135%; } .row-fluid .offset11:first-child { margin-left: 62.114989733059545%; *margin-left: 62.01232032854209%; } .row-fluid .offset10 { margin-left: 58.110882956878854%; *margin-left: 58.0082135523614%; } .row-fluid .offset10:first-child { margin-left: 56.46817248459959%; *margin-left: 56.365503080082135%; } .row-fluid .offset9 { margin-left: 52.46406570841889%; *margin-left: 52.36139630390144%; } .row-fluid .offset9:first-child { margin-left: 50.82135523613963%; *margin-left: 50.718685831622174%; } .row-fluid .offset8 { margin-left: 46.81724845995893%; *margin-left: 46.714579055441476%; } .row-fluid .offset8:first-child { margin-left: 45.17453798767967%; *margin-left: 45.071868583162214%; } .row-fluid .offset7 { margin-left: 41.17043121149897%; *margin-left: 41.067761806981515%; } .row-fluid .offset7:first-child { margin-left: 39.52772073921971%; *margin-left: 39.42505133470225%; } .row-fluid .offset6 { margin-left: 35.52361396303901%; *margin-left: 35.420944558521555%; } .row-fluid .offset6:first-child { margin-left: 33.88090349075975%; *margin-left: 33.77823408624229%; } .row-fluid .offset5 { margin-left: 29.876796714579054%; *margin-left: 29.774127310061598%; } .row-fluid .offset5:first-child { margin-left: 28.234086242299796%; *margin-left: 28.13141683778234%; } .row-fluid .offset4 { margin-left: 24.229979466119094%; *margin-left: 24.127310061601637%; } .row-fluid .offset4:first-child { margin-left: 22.587268993839835%; *margin-left: 22.48459958932238%; } .row-fluid .offset3 { margin-left: 18.583162217659137%; *margin-left: 18.48049281314168%; } .row-fluid .offset3:first-child { margin-left: 16.940451745379875%; *margin-left: 16.83778234086242%; } .row-fluid .offset2 { margin-left: 12.936344969199178%; *margin-left: 12.833675564681725%; } .row-fluid .offset2:first-child { margin-left: 11.293634496919916%; *margin-left: 11.190965092402463%; } .row-fluid .offset1 { margin-left: 7.289527720739219%; *margin-left: 7.186858316221766%; } .row-fluid .offset1:first-child { margin-left: 5.646817248459959%; *margin-left: 5.544147843942505%; } /* Links */ a { color: #336699; text-decoration: none; font-weight: bold; } a:hover, a:focus { text-decoration: underline; } /* Base CSS */ /* ========================================================================== Typography ========================================================================== */ /* Body text ========================================================================== */ p { margin: 0 0 14px; } /* Headings ========================================================================== */ h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 24px; color: inherit; text-rendering: optimizelegibility; /* Fix the character spacing for headings */ } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; } h1, h2 { line-height: 32px; } h1 { font-size: 28px; } h2 { font-size: 22px; } h3 { font-size: 18px; } h4 { font-size: 16px; margin: 5px 0; } h5 { font-size: 14px; margin: 5px 0; } h6 { font-size: 12px; margin: 5px 0; } h1 small { font-size: 14px; } h2 small { font-size: 13px; } h3 small { font-size: 11px; } h4 small { font-size: 14px; } /* Emphasis & misc ========================================================================== */ small { font-size: 85%; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: normal; } q { quotes: none; } /* Utility classes */ .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .font-normal { font-weight: normal; } /* Font colors */ .font-color-green { color: #4f9962; } .font-color-red { color: #c86e67; } .font-color-blue { color: #2277bd; } .font-color-yellow { color: #deb25d; } .font-color-gray { color: #757575; } .font-color-orange { color: #f07724; } .font-color-white { color: #ffffff !important; } /* Lists ========================================================================== */ /* Unordered and Ordered lists */ ul, ol { padding: 0; margin: 0 0 11px 20px; } ul { list-style-type: circle; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 22px; } /* Remove default list styles */ ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } /* Single-line list items */ ul.inline, ol.inline { margin-left: 0; list-style: none; } ul.inline > li, ol.inline > li { display: inline-block; *display: inline; *zoom: 1; padding-left: 5px; padding-right: 5px; } /* Description Lists */ dl { margin-bottom: 22px; } dt, dd { line-height: 22px; } dt { font-weight: bold; } dd { margin-left: 10px; } /* Horizontal layout (like forms) */ .dl-horizontal dt { float: left; width: 180px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 200px; } /* hr separator */ hr { margin: 10px 0 25px; border-top: 1px solid #ededed; border-bottom: 1px dotted #ffffff; border-width: 1px 0; text-align: left; } /* ========================================================================== Forms ========================================================================== */ /* General styles ========================================================================== */ /* Make all forms have space below them */ form { margin: 0 0 10px; } form hr { margin: 11px 0 0; } form small { font-weight: normal; color: #9a9a9a; } fieldset { padding: 0; margin: 0; border: 0; } /* Groups of fields with labels on top (legends) */ legend { display: block; width: 100%; padding: 0 0 11px 0; margin-bottom: 16px; font-size: 16px; line-height: 20px; color: #414141; border: 0; border-bottom: 1px solid #cfcfcf; /* Small */ } legend small { font-size: 7.5px; color: #9a9a9a; } /* Set font for forms */ label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; /* Set size, weight, line-height here */ } input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* And only set font-family here for those that need it (note the missing label element) */ } /* Identify controls by their labels */ label { display: block; margin-bottom: 5px; font-size: 13px; font-weight: bold; line-height: 18px; /* Set size, weight, line-height here */ } /* Search form ========================================================================== */ .form-search { position: relative; *zoom: 1; } .form-search:before, .form-search:after { display: table; content: ""; line-height: 0; } .form-search:after { clear: both; } .form-search .form-search-input, .form-search .form-search-input:focus { border: none; padding-left: 40px; padding-right: 100px; } .form-search .form-search-input:focus, .form-search .form-search-input:focus:focus { background-color: #f2f2f2; } .form-search i { color: #505050; position: absolute; top: 11px; left: 9px; font-size: 20px; } /* Form controls ========================================================================== */ /* Shared size and type resets */ select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; min-height: 20px; padding: 5px 6px; margin-bottom: 6px; font-size: 14px; line-height: 20px; color: #414141; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; vertical-align: middle; } /* Reset appearance properties for textual inputs and textarea */ /* Declare width for legacy (can't be on input[type=*] selectors or it's too specific) */ input, .uneditable-input, textarea { width: 400px; } /* Reset height since textareas have rows */ textarea { height: auto; max-width: 530px; } /* Everything else */ textarea, input[type="text"], input[type="password"], input[type="datetime"], ope input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cfcfcf; /* Focus state */ } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, ope input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { color: #414141; border-color: #2277bd; border-width: 2px; padding: 4px 5px; outline: none; } textarea.error, input[type="text"].error, input[type="password"].error, input[type="datetime"].error, ope input[type="datetime-local"].error, input[type="date"].error, input[type="month"].error, input[type="time"].error, input[type="week"].error, input[type="number"].error, input[type="email"].error, input[type="url"].error, input[type="search"].error, input[type="tel"].error, input[type="color"].error, .uneditable-input.error { border-color: #c86e67; } textarea.warning, input[type="text"].warning, input[type="password"].warning, input[type="datetime"].warning, ope input[type="datetime-local"].warning, input[type="date"].warning, input[type="month"].warning, input[type="time"].warning, input[type="week"].warning, input[type="number"].warning, input[type="email"].warning, input[type="url"].warning, input[type="search"].warning, input[type="tel"].warning, input[type="color"].warning, .uneditable-input.warning { border-color: #deb25d; } textarea.success, input[type="text"].success, input[type="password"].success, input[type="datetime"].success, ope input[type="datetime-local"].success, input[type="date"].success, input[type="month"].success, input[type="time"].success, input[type="week"].success, input[type="number"].success, input[type="email"].success, input[type="url"].success, input[type="search"].success, input[type="tel"].success, input[type="color"].success, .uneditable-input.success { border-color: #4f9962; } /* Position radios and checkboxes better */ input[type="radio"], input[type="checkbox"] { margin: 2px 0 0; *margin-top: 0; /* IE7 */ margin-top: 1px \9; /* IE8-9 */ line-height: normal; } /* Reset width of input images, buttons, radios, checkboxes */ input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; /* Override of generic input selector */ } /* Set the height of select and file controls to match text inputs */ select { height: 32px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 32px; } input[type="file"] { line-height: 16px; margin: 4px 0; } /* Make select elements obey height by applying a border */ select { width: 220px; /* default input width + 10px of padding that doesn't get applied */ border: 1px solid #cfcfcf; background-color: #ffffff; /* Chrome on Linux and Mobile Safari need background-color */ } select.white-border { border-color: white; } /* Make multiple select elements height not fixed */ select[multiple], select[size] { height: auto; } /* Block level inputs */ .input-block-level { display: block; width: 100%; min-height: 32px; /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Makes inputs behave like true block-level elements */ } .select-block-level { display: block; width: 100%; } /* Alternative form sizes ========================================================================== */ /* Form with a larger height */ input.input-height-large { height: 30px; line-height: 30px; } input.input-height-large.input-block-level { height: 42px; line-height: 30px; *height: 30px; } /* Uneditable inputs ========================================================================== */ /* Make uneditable inputs look inactive */ .uneditable-input, .uneditable-textarea { color: #9a9a9a; background-color: #f8f8f8; border-color: #cfcfcf; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); cursor: not-allowed; } /* For text that needs to appear as an input but should not be an input */ .uneditable-input { overflow: hidden; /* prevent text from wrapping, but still cut it off like an input does */ white-space: nowrap; } /* Make uneditable textareas behave like a textarea */ .uneditable-textarea { width: auto; height: auto; } /* Placeholder ========================================================================== */ /* Placeholder text gets special styles because when browsers invalidate entire lines if it doesn't understand a selector */ input:-moz-placeholder, textarea:-moz-placeholder { color: #9a9a9a; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #9a9a9a; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #9a9a9a; } /* Checkboxes & Radios ========================================================================== */ /* Indent the labels to position radios/checkboxes as hanging */ .radio, .checkbox, .text { min-height: 20px; padding-left: 20px; font-weight: normal; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -20px; } /* Radios and checkboxes on same line TODO v3: Convert .inline to .control-inline */ .radio.inline, .checkbox.inline { display: inline-block; padding-top: 2px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } /* radio alternate styling */ .radio-white { color: #ffffff; } /* Input sizes ========================================================================== */ /* General classes for quick sizes */ .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } /* Grid style input sizes */ input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; } /* Ensure input-prepend/append never wraps */ .input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"] { display: inline-block; } /* Grid sizing for inputs ========================================================================== */ /* Grid sizes */ input, textarea, .uneditable-input { margin-left: 0; /* override margin-left from core grid system */ } /* Space grid-sized controls properly if multiple per line */ .controls-row [class*="span"] + [class*="span"] { margin-left: 16px; } /* generate .spanX */ input.span18, textarea.span18, .uneditable-input.span18 { width: 960px; } input.span17, textarea.span17, .uneditable-input.span17 { width: 905px; } input.span16, textarea.span16, .uneditable-input.span16 { width: 850px; } input.span15, textarea.span15, .uneditable-input.span15 { width: 795px; } input.span14, textarea.span14, .uneditable-input.span14 { width: 740px; } input.span13, textarea.span13, .uneditable-input.span13 { width: 685px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 630px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 575px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 520px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 465px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 410px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 355px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 300px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 245px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 190px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 135px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 80px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 25px; } /* Control row for multiple inputs per line */ .controls-row { *zoom: 1; } .controls-row:before, .controls-row:after { display: table; content: ""; line-height: 0; } .controls-row:after { clear: both; } /* Float to collapse white-space for proper grid alignment */ .controls-row [class*="span"], .row-fluid .controls-row [class*="span"] { float: left; } /* Explicity set top padding on all checkboxes/radios, not just first-child */ .controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { padding-top: 5px; } /* Disabled state ========================================================================== */ /* Disabled and read-only inputs */ input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly], .uneditable-input { cursor: not-allowed; background-color: #f8f8f8; } /* Explicitly reset the colors here */ input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } /* Form alerts ========================================================================== */ .form-alert { padding-top: 6px; margin-bottom: 6px; } .form-alert a { color: #ffffff; text-decoration: underline; } /* Base class */ .form-alert-body { padding: 6px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #505050; display: inline-block; *display: inline; position: relative; line-height: 20px; *zoom: 1; color: white; /* Arrow */ } .form-alert-body:before, .form-alert-body:after { display: table; content: ""; line-height: 0; } .form-alert-body:after { clear: both; } .form-alert-body > i { color: #505050; position: absolute; top: -8px; left: 50%; margin-left: -10px; } /* Alternative sizes */ .form-alert-large { padding: 10px 10px 11px; } /* Form alert colors */ .form-alert-red { background: #c86e67; } .form-alert-yellow { background: #deb25d; } .form-alert-green { background: #4f9962; } .form-alert-red > i { color: #c86e67; } .form-alert-yellow > i { color: #deb25d; } .form-alert-green > i { color: #4f9962; } /* Form actions ========================================================================== */ .form-actions { padding: 9px 20px 10px; margin-top: 10px; margin-bottom: 10px; background-color: #fbfaf6; border-top: 1px solid #e5e5e5; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; content: ""; line-height: 0; } .form-actions:after { clear: both; } /* Help text ========================================================================== */ .help-block, .help-inline { color: #676767; /* lighten the text some for contrast */ } .help-block { display: block; /* account for any element using help-block */ margin-bottom: 5px; } .help-inline { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding-left: 5px; } /* Horizontal & vertical forms ========================================================================== */ /* Common properties ========================================================================== */ .form-inline, .form-horizontal { /* Re-hide hidden elements due to specifity */ } .form-inline input, .form-horizontal input, .form-inline textarea, .form-horizontal textarea, .form-inline select, .form-horizontal select, .form-inline .help-inline, .form-horizontal .help-inline, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-inline .input-append, .form-horizontal .input-append { display: inline-block; *display: inline; *zoom: 1; margin-bottom: 4px; vertical-align: middle; } .form-inline .hide, .form-horizontal .hide { display: none; } .form-inline .radio, .form-inline .checkbox { vertical-align: middle; margin-bottom: 0; } .form-inline label, .form-inline .btn-group { display: inline-block; } /* Remove margin for input-prepend/-append */ .form-inline .input-append, .form-inline .input-prepend { margin-bottom: 0; } /* Margin to space out fieldsets */ .control-group { margin-bottom: 0.5px; } /* Legend collapses margin, so next element is responsible for spacing */ legend + .control-group { margin-top: 10px; -webkit-margin-top-collapse: separate; } /* Horizontal-specific styles ========================================================================== */ .form-horizontal { /* Increase spacing between groups */ /* Float the labels left */ /* Move over all input controls and content */ /* Remove bottom margin on block level help text since that's accounted for on .control-group */ /* And apply it only to .help-block instances that follow a form control */ /* Move over buttons in .form-actions to align with .controls */ } .form-horizontal .control-group { margin-bottom: 12px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; content: ""; line-height: 0; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; width: 115px; padding-top: 6px; text-align: right; } .form-horizontal .controls { /* Super jank IE7 fix to ensure the inputs in .input-append and input-prepend don't inherit the margin of the parent, in this case .controls */ *display: inline-block; *padding-left: 20px; line-height: 32px; margin-left: 135px; *margin-left: 0; } .form-horizontal .controls:first-child { *padding-left: 200px; } .form-horizontal .text-block { line-height: 22px; margin-top: 5px; } .form-horizontal .help-block { margin-bottom: 0; } .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block { margin-top: 5px; } .form-horizontal .form-actions { padding-left: 200px; } .form-horizontal .form-alert { margin-bottom: 0; } .input-icon input { padding-left: 30px !important; } .input-icon input:focus { padding-left: 29px !important; } .input-icon i { position: absolute; top: 50%; margin-top: -13px; line-height: 22px; left: 5px; font-size: 16px; } .input-icon-large input { padding-left: 38px; } .input-icon-large input:focus { padding-left: 37px; } .input-icon-large i { left: 10px; } /* =========================================================================== Tables ========================================================================== */ /* BASE TABLES ========================================================================== */ table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } /* BASELINE STYLES ========================================================================== */ .table { width: 100%; margin-bottom: 20px; /* Cells */ /* Bottom align for column headings */ /* Remove top border from thead by default */ /* Account for multiple tbody instances */ /* Nesting */ } .table th, .table td { padding: 8px; line-height: 20px; vertical-align: top; border-top: 1px solid #dddddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table tbody tr:last-child td:first-child { -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .table tbody tr:last-child td:last-child { -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #f6f3eb; } /* CONDENSED TABLE W/ HALF PADDING ========================================================================== */ .table-condensed th, .table-condensed td { padding: 4px 5px; } /* BORDERED VERSION ========================================================================== */ .table-border-top { border-top: 1px solid #cfcfcf !important; } .table-bordered { border: 1px solid #cfcfcf; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /* Prevent a double border */ } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } /* Bordered table inside panel */ .panel > .table-bordered { border-left: 1px solid #cfcfcf; border-top: 0; margin-bottom: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; } .panel > .table-bordered th, .panel > .table-bordered td { padding: 9px 15px 7px; } .panel > .table-bordered th:first-child, .panel > .table-bordered td:first-child { border-left: 0; } /* ZEBRA-STRIPING ========================================================================== */ /* Default zebra-stripe styles (alternating gray and transparent backgrounds) */ .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } /* HOVER EFFECT ========================================================================== */ /* Placed here since it has to come after the potential zebra striping */ .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: #f5f5f5; } /* TABLE CELL SIZING ========================================================================== */ /* Reset default grid behavior */ table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } /* Change the column widths to account for td/th padding */ .table td.span1, .table th.span1 { float: none; width: 23px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } .table td.span2, .table th.span2 { float: none; width: 78px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } .table td.span3, .table th.span3 { float: none; width: 133px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } .table td.span4, .table th.span4 { float: none; width: 188px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } .table td.span5, .table th.span5 { float: none; width: 243px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } .table td.span6, .table th.span6 { float: none; width: 298px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } .table td.span7, .table th.span7 { float: none; width: 353px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } .table td.span8, .table th.span8 { float: none; width: 408px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } .table td.span9, .table th.span9 { float: none; width: 463px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } .table td.span10, .table th.span10 { float: none; width: 518px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } .table td.span11, .table th.span11 { float: none; width: 573px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } .table td.span12, .table th.span12 { float: none; width: 628px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } .span20 { width: 240px; } .span21 { width: 730px; } .span22 { width: 980px; } .span23 { width: 300px; } .span24 { width: 667px; } /* TABLE BACKGROUNDS ========================================================================== */ /* Exact selectors below required to override .table-striped */ .table tbody tr.success > td { background-color: #4f9962; } .table tbody tr.error > td { background-color: #c86e67; } .table tbody tr.warning > td { background-color: #deb25d; } .table tbody tr.info > td { background-color: #70a7c7; } /* Hover states for .table-hover */ .table-hover tbody tr.success:hover > td { background-color: #468857; } .table-hover tbody tr.error:hover > td { background-color: #c15c54; } .table-hover tbody tr.warning:hover > td { background-color: #daa848; } .table-hover tbody tr.info:hover > td { background-color: #5e9cc0; } /* Components: Popovers */ /* =========================================================================== Modals ========================================================================== */ /* Container that the modal scrolls within */ .modal { display: none; overflow: auto; overflow-y: scroll; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal .modal-dialog { margin-top: 50px; margin-bottom: 50px; } /* Kill the scroll on the body */ .modal-open { overflow: hidden; } /* Background styles ========================================================================== */ /* Modal background */ .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; /* Fade for backdrop */ } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.005; filter: alpha(opacity=0.5); } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } /* Base styles ========================================================================== */ .modal-dialog { z-index: 1060; width: 500px; margin-left: auto; margin-right: auto; background-color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .modal-dialog .panel-body { padding: 15px; } .modal-dialog .panel-heading-large { padding-left: 10px; border-width: 0 0 1px 0; } .modal-dialog .panel-main { border: none; overflow: auto; } /* Sizes */ .modal-small { width: 304px; } /* =========================================================================== Tooltips ========================================================================== */ /* Base class */ .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 13px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 1; filter: alpha(opacity=100); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } /* Wrapper for the tooltip content */ .tooltip-inner { max-width: 200px; padding: 8px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; background-color: #505050; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* Icon */ .tooltip.right .tooltip-icon, .tooltip.left .tooltip-icon { left: 11px; top: 6px; } /* Arrows */ .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #505050; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #505050; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #505050; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #505050; } /* =========================================================================== Popovers ========================================================================== */ /* Base styles ========================================================================== */ .popover { position: absolute; top: 0; /*left: 0;*/ z-index: 1010; display: none; max-width: 276px; text-align: left; /* Reset given new insertion method */ background-color: #fcfcfc; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #cfcfcf; -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 2px rgba(0, 0, 0, 0.04); box-shadow: 0 2px rgba(0, 0, 0, 0.04); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /* Overrides for proper insertion */ white-space: normal; /* Offset the popover to account for the popover arrow */ } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-header { margin: 0; /* reset heading margin */ padding: 7px; font-size: 14px; font-weight: bold; line-height: 18px; background-color: #ececec; border-bottom: 1px solid #cfcfcf; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; /*.border-radius(5px 5px 0 0);*/ } .popover-header:empty { display: none; } .popover-content { padding: 9px 14px; font-size: 13px; line-height: 22px; } /* Arrows ========================================================================== */ /* .arrow is outer, .arrow:after is inner */ .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow { border-width: 5px; } .popover .arrow:after { border-width: 4px; content: ""; } .popover.top .arrow { left: 50%; margin-left: -5px; border-bottom-width: 0; border-top-color: #999; /* IE8 fallback */ border-top-color: rgba(0, 0, 0, 0.25); bottom: -5px; } .popover.top .arrow:after { bottom: 1px; margin-left: -4px; border-bottom-width: 0; border-top-color: #ffffff; } .popover.right .arrow { top: 50%; left: -5px; margin-top: -5px; border-left-width: 0; border-right-color: #999; /* IE8 fallback */ border-right-color: rgba(0, 0, 0, 0.25); } .popover.right .arrow:after { left: 1px; bottom: -4px; border-left-width: 0; border-right-color: #ffffff; } .popover.bottom .arrow { left: 50%; margin-left: -5px; border-top-width: 0; border-bottom-color: #999; /* IE8 fallback */ border-bottom-color: rgba(0, 0, 0, 0.25); top: -5px; } .popover.bottom .arrow:after { top: 1px; margin-left: -4px; border-top-width: 0; border-bottom-color: #ffffff; } .popover.left .arrow { top: 50%; right: -5px; margin-top: -5px; border-right-width: 0; border-left-color: #999; /* IE8 fallback */ border-left-color: rgba(0, 0, 0, 0.25); } .popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -4px; } /* Components: common */ /* =========================================================================== Panels ========================================================================== */ /* Base class */ .panel { margin-bottom: 10px; *zoom: 1; } .panel:before, .panel:after { display: table; content: ""; line-height: 0; } .panel:after { clear: both; } .panel.modal { border-color: transparent; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3); } .panel form { margin: 0; } /* Panel contents */ .panel-main { background-color: #ffffff; border-style: solid; border-color: #cfcfcf; border-width: 0px 1px 1px 1px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; *zoom: 1; } .panel-main:before, .panel-main:after { display: table; content: ""; line-height: 0; } .panel-main:after { clear: both; } .panel-body { padding: 10px 15px; } .panel-body.panel-body-padding { padding: 15px; } .panel-body.panel-body-nopadding { padding: 0px; } .panel-body.panel-body-smallpadding { padding: 10px 5px; } /* Aside information panel */ .panel-info { background: #fcfcfc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ededec; font-size: 12px; } .panel-info ul { list-style: none; margin: 0; } /* Optional heading */ .panel-heading { padding: 7px 10px; font-weight: bold; font-size: 14px; text-shadow: 0 1px 0 #ffffff; line-height: 20px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; border: 1px solid #cfcfcf; margin: 0px; color: #414141; background-color: #f4f4f2; background-image: -moz-linear-gradient(top, #fafaf9, #ebeae7); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafaf9), to(#ebeae7)); background-image: -webkit-linear-gradient(top, #fafaf9, #ebeae7); background-image: -o-linear-gradient(top, #fafaf9, #ebeae7); background-image: linear-gradient(to bottom, #fafaf9, #ebeae7); background-repeat: repeat-x; *zoom: 1; } .panel-heading:before, .panel-heading:after { display: table; content: ""; line-height: 0; } .panel-heading:after { clear: both; } .panel-heading i { font-size: 19px; line-height: 22px; color: #414141; vertical-align: -1px; } .panel-heading .close { line-height: 18px; margin: 0px; } .panel-noheading { border-top: 1px solid #cfcfcf; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .panel-subheading-divider { border-top: 1px solid #e5e5e5; } .panel-subheading { font-size: 14px; line-height: 20px; padding: 7px 10px; background: #fbfaf6; border-bottom: 1px solid #e5e5e5; color: #757575; } .panel-heading-large { font-size: 16px; line-height: 22px; padding: 10px; } .panel-heading-large i { font-size: 18px; line-height: 22px; } .panel-heading-xlarge { font-size: 20px; line-height: 27px; padding: 14px 10px 13px; } .panel-heading-xlarge i { margin-top: 3px; font-size: 51px; line-height: 30px; } .panel-heading-xlarge span { font-size: 16px; font-weight: normal; } .panel-heading-small { font-size: 13px; line-height: 19px; padding: 5px 10px; } .panel-heading-small i { font-size: 17px; line-height: 22px; } /* Variations ========================================================================== */ .panel-gold .panel-heading { background-color: #f7efde; background-image: -moz-linear-gradient(top, #fcf7e4, #efe4d5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcf7e4), to(#efe4d5)); background-image: -webkit-linear-gradient(top, #fcf7e4, #efe4d5); background-image: -o-linear-gradient(top, #fcf7e4, #efe4d5); background-image: linear-gradient(to bottom, #fcf7e4, #efe4d5); background-repeat: repeat-x; color: #705f42; border-color: #d7d0b5; } .panel-gold .panel-heading i { color: #705f42; } .panel-gold .panel-item > a { border-color: #e9e3cb; color: #6a6860; line-height: 26px; } .panel-gold .panel-item > span > a { border-color: #e9e3cb; color: #6a6860; } .panel-gold .panel-body-gold { background-color: #f0eada; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; border-color: #d7d0b5; } .panel-gold .panel-body-gold td { border-color: #f0eada; background-color: #fefbf3; } .panel-dashed { border: 2px dashed #cfcfcf; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .panel-dashed p { margin: 0; } .panel-dashed .panel-main, .panel-dashed .panel-body { background-color: transparent; padding: 8px; } /* Footer ========================================================================== */ .panel-footer { background: #fbfaf6; border-top: 1px solid #cfcfcf; padding: 8px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; -webkit-box-shadow: inset 0 2px 0 #f0f0f0; -moz-box-shadow: inset 0 2px 0 #f0f0f0; box-shadow: inset 0 2px 0 #f0f0f0; *zoom: 1; } .panel-footer:before, .panel-footer:after { display: table; content: ""; line-height: 0; } .panel-footer:after { clear: both; } .panel-footer > span { line-height: 36px; } .panel-footer > label { margin-top: 8px; } .panel-footer input { margin-bottom: 0px; } /* Footer block button */ .panel-btn-footer { margin-bottom: -1px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; } .panel-btn-footer .panel-body { -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; } /* ========================================================================== Component animations ========================================================================== */ .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } /* ========================================================================== Dropdown menus ========================================================================== */ /* Use the .menu class on any
  • element within the topbar or ul.tabs and you'll get some superfancy dropdowns */ .dropup, .dropdown { position: relative; } .dropdown-toggle { /* The caret makes the toggle a bit too tall in IE7 */ *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } /* The dropdown menu ( ul) ========================================================================== */ .dropdown-menu { outline: 0; position: absolute; top: 100%; left: 0; z-index: 1000; display: none; /* none by default, but block on "open" of the menu */ float: left; min-width: 160px; margin: 2px 0 0; /* override default ul */ padding: 5px 0; list-style: none; list-style-image: none; background-color: #fcfcfc; border: 1px solid #ccc; /* Fallback for IE7-8 */ border: 1px solid #cfcfcf; *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 2px rgba(0, 0, 0, 0.04); box-shadow: 0 2px rgba(0, 0, 0, 0.04); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; /* Aligns the dropdown menu to right */ /* Dividers (basically an hr) within the dropdown */ /* Links within the dropdown menu */ } .dropdown-menu.float-right { left: auto; } .dropdown-menu li:first-child a { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; } .dropdown-menu li:last-child a { -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .dropdown-menu .divider { height: 1px; overflow: hidden; background-color: #cfcfcf; } .dropdown-menu > li > a { display: block; padding: 7px 12px; clear: both; font-size: 13px; font-weight: normal; line-height: 20px; color: #414141; white-space: nowrap; } .dropdown-menu > li > a i { display: inline-block; *display: inline; *zoom: 1; width: 25px; } .dropdown-menu.dropdown-top-85 { top: 85%; } /* Hover/Focus state ========================================================================== */ .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #ececec; text-decoration: none; outline: 0; } /* Active state ========================================================================== */ .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #ececec; text-decoration: none; outline: 0; } /* Disabled state ========================================================================== */ /* Gray out text and ensure the hover/focus state remains gray */ .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #9a9a9a; } /* Nuke hover/focus effects */ .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; /* Remove CSS gradient */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: default; } /* Open state for the dropdown ========================================================================== */ .open { /* IE7's z-index only goes to the nearest positioned ancestor, which would make the menu appear below buttons that appeared later on the page */ *z-index: 1000; } .open > .dropdown-menu { display: block; } /* Allow for dropdowns to go bottom up (aka, dropup-menu) ========================================================================== */ /* Just add .dropup after the standard .dropdown class and you're set, bro. TODO: abstract this so that the navbar fixed styles are not placed here? */ .dropup, .navbar-fixed-bottom .dropdown { /* Reverse the caret */ /* Different positioning for bottom up menu */ } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } /* Faked form select dropdown ========================================================================== */ .select-dropdown { position: relative; display: inline-block; } .select-dropdown a { color: #414141; cursor: pointer; } .select-dropdown span { float: left; border: 1px solid #cfcfcf; border-right: none; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; padding: 4px 9px 4px 5px; line-height: 21px; background: #ffffff; font-size: 13px; font-weight: normal; min-width: 126px; } .select-dropdown .btn { float: left; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; padding: 1px 2px 6px; } .select-dropdown .btn:active { padding: 3px 3px 6px; } .select-dropdown .btn i { font-size: 13px; } /* Headers ========================================================================== */ .dropdown-header { font-size: 12px; line-height: 1em; padding: 13px 12px 7px; color: #9a9a9a; } /* Typeahead ========================================================================== */ .typeahead { z-index: 1051; margin-top: 2px; /* give it some space to breathe */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* =========================================================================== Close icons ========================================================================== */ .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } /* Additional properties for button version */ /* iOS requires the button element instead of an anchor tag. */ /* If you want the anchor version, it requires `href="#"`. */ button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } /* Components: Buttons & Alerts */ /* ========================================================================== Buttons ========================================================================== */ /* Base styles ========================================================================== */ /* Core */ .btn { display: inline-block; *display: inline; *zoom: 1; padding: 6px 9px; margin: 0; /* For input.btn */ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); background-color: #f4f4f2; background-image: -moz-linear-gradient(top, #fafaf9, #ebeae7); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafaf9), to(#ebeae7)); background-image: -webkit-linear-gradient(top, #fafaf9, #ebeae7); background-image: -o-linear-gradient(top, #fafaf9, #ebeae7); background-image: linear-gradient(to bottom, #fafaf9, #ebeae7); background-repeat: repeat-x; *background-color: #ebeae7; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); font-size: 13px; font-weight: bold; color: #414141; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; overflow: visible; line-height: 22px; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid #cfcfcf; outline: 0; outline-style: none; outline-width: 0; *border: 0; /* Remove the border to prevent IE7's black border on input:focus */ border-bottom-color: #b6b6b6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; } .btn i { font-size: 18px; vertical-align: -2px; color: #414141; } .btn:hover, .btn:focus { text-decoration: none; color: #414141; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); background-color: #e7e7e5; background-image: -moz-linear-gradient(top, #ededec, #dfdedb); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ededec), to(#dfdedb)); background-image: -webkit-linear-gradient(top, #ededec, #dfdedb); background-image: -o-linear-gradient(top, #ededec, #dfdedb); background-image: linear-gradient(to bottom, #ededec, #dfdedb); background-repeat: repeat-x; *background-color: #dfdedb; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-color: #b6b6b6; } .btn:hover.disabled, .btn:focus.disabled, .btn:hover[disabled], .btn:focus[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); } .btn:active, .btn.btn-active { padding: 7px 10px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.5); box-shadow: inset 0 1px 2px rgba(0,0,0,0.5); color: #414141; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); background-color: #e5e4e2; background-image: -moz-linear-gradient(top, #dfdedb, #ededec); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dfdedb), to(#ededec)); background-image: -webkit-linear-gradient(top, #dfdedb, #ededec); background-image: -o-linear-gradient(top, #dfdedb, #ededec); background-image: linear-gradient(to bottom, #dfdedb, #ededec); background-repeat: repeat-x; *background-color: #ededec; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: none; } .btn.btn-hover { color: #414141; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); background-color: #e7e7e5; background-image: -moz-linear-gradient(top, #ededec, #dfdedb); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ededec), to(#dfdedb)); background-image: -webkit-linear-gradient(top, #ededec, #dfdedb); background-image: -o-linear-gradient(top, #ededec, #dfdedb); background-image: linear-gradient(to bottom, #ededec, #dfdedb); background-repeat: repeat-x; *background-color: #dfdedb; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-color: #b6b6b6; } /* Button background color/gradients ========================================================================== */ .btn-blue { color: #FFF; font-size: 16px; text-shadow: none; border: none; font-height: regular; background: #4f9ee3; margin-left: auto; margin-right: auto; font-weight: normal; } .btn-blue:hover, .btn-blue:focus { background: #4f9ee3; color: #FFF; text-shadow: 0 0 1px #000; } .btn-blue:active { background: #4f9ee3; } .btn-blue.btn-active { background: #4f9ee3; } .btn-blue.btn-hover { background: #4f9ee3; } .btn-green { color: #ffffff; text-shadow: 0 -1px 0 #287d3c; background-color: #3cae56; background-image: -moz-linear-gradient(top, #43bb5e, #319b4a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#43bb5e), to(#319b4a)); background-image: -webkit-linear-gradient(top, #43bb5e, #319b4a); background-image: -o-linear-gradient(top, #43bb5e, #319b4a); background-image: linear-gradient(to bottom, #43bb5e, #319b4a); background-repeat: repeat-x; *background-color: #319b4a; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-color: #287d3c; -webkit-box-shadow: inset 0 1px 0 #7bd08e; -moz-box-shadow: inset 0 1px 0 #7bd08e; box-shadow: inset 0 1px 0 #7bd08e; } .btn-green:hover, .btn-green:focus { color: #ffffff; text-shadow: 0 -1px 0 #287d3c; background-color: #37a050; background-image: -moz-linear-gradient(top, #3ead58, #2d8d44); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3ead58), to(#2d8d44)); background-image: -webkit-linear-gradient(top, #3ead58, #2d8d44); background-image: -o-linear-gradient(top, #3ead58, #2d8d44); background-image: linear-gradient(to bottom, #3ead58, #2d8d44); background-repeat: repeat-x; *background-color: #2d8d44; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-color: #1c5629; } .btn-green:active { color: #ffffff; text-shadow: 0 -1px 0 #287d3c; background-color: #349a4c; background-image: -moz-linear-gradient(top, #2d8d44, #3ead58); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2d8d44), to(#3ead58)); background-image: -webkit-linear-gradient(top, #2d8d44, #3ead58); background-image: -o-linear-gradient(top, #2d8d44, #3ead58); background-image: linear-gradient(to bottom, #2d8d44, #3ead58); background-repeat: repeat-x; *background-color: #3ead58; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-green.btn-active { color: #ffffff; text-shadow: 0 -1px 0 #287d3c; background-color: #349a4c; background-image: -moz-linear-gradient(top, #2d8d44, #3ead58); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2d8d44), to(#3ead58)); background-image: -webkit-linear-gradient(top, #2d8d44, #3ead58); background-image: -o-linear-gradient(top, #2d8d44, #3ead58); background-image: linear-gradient(to bottom, #2d8d44, #3ead58); background-repeat: repeat-x; *background-color: #3ead58; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-green.btn-hover { color: #ffffff; text-shadow: 0 -1px 0 #287d3c; background-color: #37a050; background-image: -moz-linear-gradient(top, #3ead58, #2d8d44); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3ead58), to(#2d8d44)); background-image: -webkit-linear-gradient(top, #3ead58, #2d8d44); background-image: -o-linear-gradient(top, #3ead58, #2d8d44); background-image: linear-gradient(to bottom, #3ead58, #2d8d44); background-repeat: repeat-x; *background-color: #2d8d44; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-color: #1c5629; } .btn-orange { color: #d05c1b; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); background-color: #f07724; background-image: -moz-linear-gradient(top, #f07724, #f07724); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f07724), to(#f07724)); background-image: -webkit-linear-gradient(top, #f07724, #f07724); background-image: -o-linear-gradient(top, #f07724, #f07724); background-image: linear-gradient(to bottom, #f07724, #f07724); background-repeat: repeat-x; *background-color: #f07724; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-color: #f07724; -webkit-box-shadow: inset 0 1px 0 #f5a36c; -moz-box-shadow: inset 0 1px 0 #f5a36c; box-shadow: inset 0 1px 0 #f5a36c; } .btn-orange:hover, .btn-orange:focus { color: #d05c1b; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); background-color: #fc8831; background-image: -moz-linear-gradient(top, #fc8831, #fc8831); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fc8831), to(#fc8831)); background-image: -webkit-linear-gradient(top, #fc8831, #fc8831); background-image: -o-linear-gradient(top, #fc8831, #fc8831); background-image: linear-gradient(to bottom, #fc8831, #fc8831); background-repeat: repeat-x; *background-color: #fc8831; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-color: #c4a447; } .btn-orange:active { color: #d05c1b; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); background-color: #fc8831; background-image: -moz-linear-gradient(top, #fc8831, #fc8831); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fc8831), to(#fc8831)); background-image: -webkit-linear-gradient(top, #fc8831, #fc8831); background-image: -o-linear-gradient(top, #fc8831, #fc8831); background-image: linear-gradient(to bottom, #fc8831, #fc8831); background-repeat: repeat-x; *background-color: #fc8831; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-orange.btn-active { color: #d05c1b; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); background-color: #fc8831; background-image: -moz-linear-gradient(top, #fc8831, #fc8831); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fc8831), to(#fc8831)); background-image: -webkit-linear-gradient(top, #fc8831, #fc8831); background-image: -o-linear-gradient(top, #fc8831, #fc8831); background-image: linear-gradient(to bottom, #fc8831, #fc8831); background-repeat: repeat-x; *background-color: #fc8831; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-orange.btn-hover { color: #d05c1b; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); background-color: #fc8831; background-image: -moz-linear-gradient(top, #fc8831, #fc8831); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fc8831), to(#fc8831)); background-image: -webkit-linear-gradient(top, #fc8831, #fc8831); background-image: -o-linear-gradient(top, #fc8831, #fc8831); background-image: linear-gradient(to bottom, #fc8831, #fc8831); background-repeat: repeat-x; *background-color: #fc8831; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-color: #d35e0e; } .btn-orange i { color: #fafaf9; } .btn-yellow { color: #714f1f; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); background-color: #fbe7ab; background-image: -moz-linear-gradient(top, #ffedb7, #f5de99); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffedb7), to(#f5de99)); background-image: -webkit-linear-gradient(top, #ffedb7, #f5de99); background-image: -o-linear-gradient(top, #ffedb7, #f5de99); background-image: linear-gradient(to bottom, #ffedb7, #f5de99); background-repeat: repeat-x; *background-color: #f5de99; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-color: #d0b76e; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; } .btn-yellow:hover, .btn-yellow:focus { color: #714f1f; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); background-color: #f0dca3; background-image: -moz-linear-gradient(top, #f5e3af, #e8d292); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5e3af), to(#e8d292)); background-image: -webkit-linear-gradient(top, #f5e3af, #e8d292); background-image: -o-linear-gradient(top, #f5e3af, #e8d292); background-image: linear-gradient(to bottom, #f5e3af, #e8d292); background-repeat: repeat-x; *background-color: #e8d292; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-color: #c4a447; } .btn-yellow:active { color: #714f1f; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); background-color: #edd99e; background-image: -moz-linear-gradient(top, #e8d292, #f5e3af); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8d292), to(#f5e3af)); background-image: -webkit-linear-gradient(top, #e8d292, #f5e3af); background-image: -o-linear-gradient(top, #e8d292, #f5e3af); background-image: linear-gradient(to bottom, #e8d292, #f5e3af); background-repeat: repeat-x; *background-color: #f5e3af; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-yellow.btn-active { color: #714f1f; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); background-color: #edd99e; background-image: -moz-linear-gradient(top, #e8d292, #f5e3af); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8d292), to(#f5e3af)); background-image: -webkit-linear-gradient(top, #e8d292, #f5e3af); background-image: -o-linear-gradient(top, #e8d292, #f5e3af); background-image: linear-gradient(to bottom, #e8d292, #f5e3af); background-repeat: repeat-x; *background-color: #f5e3af; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-yellow.btn-hover { color: #714f1f; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); background-color: #f0dca3; background-image: -moz-linear-gradient(top, #f5e3af, #e8d292); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5e3af), to(#e8d292)); background-image: -webkit-linear-gradient(top, #f5e3af, #e8d292); background-image: -o-linear-gradient(top, #f5e3af, #e8d292); background-image: linear-gradient(to bottom, #f5e3af, #e8d292); background-repeat: repeat-x; *background-color: #e8d292; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-color: #c4a447; } .btn-yellow i { color: #714f1f; } .btn-red { color: #ffffff; text-shadow: 0 -1px 0 #96413a; background-color: #c0665f; background-image: -moz-linear-gradient(top, #c86e67, #b55b54); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c86e67), to(#b55b54)); background-image: -webkit-linear-gradient(top, #c86e67, #b55b54); background-image: -o-linear-gradient(top, #c86e67, #b55b54); background-image: linear-gradient(to bottom, #c86e67, #b55b54); background-repeat: repeat-x; *background-color: #b55b54; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-color: #96413a; -webkit-box-shadow: inset 0 1px 0 #d6928c; -moz-box-shadow: inset 0 1px 0 #d6928c; box-shadow: inset 0 1px 0 #d6928c; } .btn-red:hover, .btn-red:focus { color: #ffffff; text-shadow: 0 -1px 0 #96413a; background-color: #b25f58; background-image: -moz-linear-gradient(top, #ba6660, #a6544d); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ba6660), to(#a6544d)); background-image: -webkit-linear-gradient(top, #ba6660, #a6544d); background-image: -o-linear-gradient(top, #ba6660, #a6544d); background-image: linear-gradient(to bottom, #ba6660, #a6544d); background-repeat: repeat-x; *background-color: #a6544d; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-color: #71312c; } .btn-red:active { color: #ffffff; text-shadow: 0 -1px 0 #96413a; background-color: #ae5b55; background-image: -moz-linear-gradient(top, #a6544d, #ba6660); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a6544d), to(#ba6660)); background-image: -webkit-linear-gradient(top, #a6544d, #ba6660); background-image: -o-linear-gradient(top, #a6544d, #ba6660); background-image: linear-gradient(to bottom, #a6544d, #ba6660); background-repeat: repeat-x; *background-color: #ba6660; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-red.btn-active { color: #ffffff; text-shadow: 0 -1px 0 #96413a; background-color: #ae5b55; background-image: -moz-linear-gradient(top, #a6544d, #ba6660); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a6544d), to(#ba6660)); background-image: -webkit-linear-gradient(top, #a6544d, #ba6660); background-image: -o-linear-gradient(top, #a6544d, #ba6660); background-image: linear-gradient(to bottom, #a6544d, #ba6660); background-repeat: repeat-x; *background-color: #ba6660; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-red.btn-hover { color: #ffffff; text-shadow: 0 -1px 0 #96413a; background-color: #b25f58; background-image: -moz-linear-gradient(top, #ba6660, #a6544d); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ba6660), to(#a6544d)); background-image: -webkit-linear-gradient(top, #ba6660, #a6544d); background-image: -o-linear-gradient(top, #ba6660, #a6544d); background-image: linear-gradient(to bottom, #ba6660, #a6544d); background-repeat: repeat-x; *background-color: #a6544d; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-color: #71312c; } /* Form search button */ .form-search .btn { position: absolute; border: none; height: 42px; line-height: 42px; right: 0; top: 0; -webkit-border-radius: 0px 3px 3px 0; -moz-border-radius: 0px 3px 3px 0; border-radius: 0px 3px 3px 0; border-left: 1px solid #cfcfcf; padding: 0px 18px; -webkit-box-shadow: 0 1px 0 #737373; -moz-box-shadow: 0 1px 0 #737373; box-shadow: 0 1px 0 #737373; } .form-search .btn:active { padding: 1px 18px 0; border-left: 1px solid #b6b6b6; color: #414141; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); background-color: #e5e4e2; background-image: -moz-linear-gradient(top, #dfdedb, #ededec); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dfdedb), to(#ededec)); background-image: -webkit-linear-gradient(top, #dfdedb, #ededec); background-image: -o-linear-gradient(top, #dfdedb, #ededec); background-image: linear-gradient(to bottom, #dfdedb, #ededec); background-repeat: repeat-x; *background-color: #ededec; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); box-shadow: none; } /* Button sizes ========================================================================== */ /* Extra large button */ .btn-xlarge { font-size: 15px; line-height: 24px; padding: 9px 10px; } .btn-xlarge:active, .btn-xlarge.btn-active { padding: 10px 11px; } /* Large button */ .btn-large { font-size: 15px; line-height: 24px; padding: 7px 10px; } .btn-large:active, .btn-large.btn-active { padding: 8px 11px; } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; } /* Small button */ .btn-small { font-size: 12px; line-height: 19px; padding: 5px 6px; } .btn-small:active, .btn-small.btn-active { padding: 6px 7px; } .btn-small i { font-size: 15px; vertical-align: -1px; margin-left: -4px; } /* Block button */ .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block:active { padding-left: 0px; padding-right: 0px; } /* Vertically space out multiple block buttons */ .btn-block + .btn-block { margin-top: 5px; } /* Specificity overrides */ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } /* Social icon buttons ========================================================================== */ .btn-social { background: pink; height: 30px; width: 30px; line-height: 34px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } .btn-social i { font-size: 18px; } .btn-social:hover i { color: #ffffff !important; } .btn-social-fb { background: #3b5998; } .btn-social-fb:hover { background: #2d4373; } .btn-social-fb i { color: #ffffff; } .btn-social-twitter { background: #00acee; } .btn-social-twitter:hover { background: #0087bb; } .btn-social-twitter i { color: #ffffff; } .btn-social-gplus { background: #dd4b39; } .btn-social-gplus:hover { background: #c23321; } .btn-social-gplus i { color: #ffffff; } .btn-social-youtube { background: #dd2826; } .btn-social-youtube:hover { background: #b41e1c; } .btn-social-youtube i { color: #ffffff; } .btn-social-youtube { background: #dd2826; } .btn-social-youtube:hover { background: #b41e1c; } .btn-social-youtube i { color: #ffffff; } /* Alignment ========================================================================== */ .btn-left { -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } .btn-right { -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } /* Block button for panels */ .btn-panel-footer { margin-bottom: 10px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; } /* =========================================================================== Alerts ========================================================================== */ /* Base styles ========================================================================== */ .alert { padding: 12px 35px 12px 66px; position: relative; margin-bottom: 10px; background-color: #deb25d; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 22px; overflow: hidden; font-size: 16px; } .alert a { color: #ffffff; text-decoration: underline; font-weight: normal; } a > .alert { font-weight: normal; } /* When you want the whole alert to be inside a link */ .alert-link:hover { text-decoration: none; } .alert, .alert h4 { /* Specified for the h4 to prevent conflicts of changing @headingsColor */ color: #ffffff; } .alert h4 { margin: 0; } .alert .alert-icon { color: #ffffff; float: left; padding: 12px 0; text-align: center; position: absolute; left: 0px; top: 0px; bottom: 0px; background-color: #d7a23b; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; width: 48px; } .alert .alert-icon i { color: #ffffff; font-size: 20px; opacity: 0.6; filter: alpha(opacity=60); line-height: 22px; } /* Adjust close link position */ .alert .close { position: absolute; right: 14px; top: 11px; margin: 0px; line-height: 20px; } /* Alternate style ========================================================================== */ .alert-success { background-color: #4f9962; } .alert-success .alert-icon { background-color: #488c59; } .alert-success h4 { color: #ffffff; } .alert-danger, .alert-error { background-color: #c86e67; } .alert-danger .alert-icon, .alert-error .alert-icon { background-color: #c05951; } .alert-danger h4, .alert-error h4 { color: #ffffff; } .alert-info { background-color: #70a7c7; } .alert-info .alert-icon { background-color: #5697bd; } .alert-facebook { background-color: #3b5998; } .alert-facebook .alert-icon { background-color: #314a7e; } .alert-facebook .alert-icon i { opacity: 1; } .alert-twitter { background-color: #00acee; } .alert-twitter .alert-icon { background-color: #009ad5; } .alert-twitter .alert-icon i { opacity: 1; } .alert-googleplus { background-color: #dd4b39; } .alert-googleplus .alert-icon { background-color: #ca3523; } .alert-googleplus .alert-icon i { opacity: 1; } .alert-info h4 { color: #ffffff; } /* Note: alerts share common CSS with buttons and thus have styles in buttons.less */ /* Components: Nav */ /* ========================================================================== Navbar ========================================================================== */ /* Common ========================================================================== */ /* Base class and wrapper */ .navbar { overflow: visible; /* Fix for IE7's bad z-indexing so dropdowns don't appear below content that follows the navbar */ *position: relative; *z-index: 2; } .navbar h1 { margin: 0px; } /* Inner for background effects */ .navbar-top .navbar-inner { min-height: 65px; padding-left: 20px; padding-right: 20px; background: #ffffff; /* Prevent floats from breaking the navbar */ *zoom: 1; } .navbar-top .navbar-inner:before, .navbar-top .navbar-inner:after { display: table; content: ""; line-height: 0; } .navbar-top .navbar-inner:after { clear: both; } .navbar-bottom .navbar-inner { min-height: 65px; padding-left: 20px; padding-right: 20px; background: #ffffff; border: 1px solid #e9e7e4; /* Prevent floats from breaking the navbar */ *zoom: 1; } .navbar-bottom .navbar-inner:before, .navbar-bottom .navbar-inner:after { display: table; content: ""; line-height: 0; } .navbar-bottom .navbar-inner:after { clear: both; } .navbar .brand { float: left; } /* Fixed navbar ========================================================================== */ /* Shared (top/bottom) styles */ .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; } .navbar-top .navbar-inner { border-width: 0 0 1px; padding-left: 0; padding-right: 0; } .navbar-bottom .navbar-inner { border-width: 1px 0 0; padding-left: 0; padding-right: 0; } /* Reset container width */ /* Required here as we reset the width earlier on and the grid mixins don't override early enough */ .navbar-fixed-top .container { width: 974px; } /* Fixed to top */ .navbar-fixed-top { top: 0; } /* Navigation ========================================================================== */ .navbar .nav { position: relative; left: 0; display: block; margin: 0; } .navbar .nav > li { float: left; } /* Links */ .navbar .nav > li > a { float: none; color: #414141; text-decoration: none; font-weight: bold; /* No text-decoration on icons */ } .navbar .nav > li > a.dropdown:hover, .navbar .nav > li > a.dropdown:hover i, .navbar .nav > li > a.dropdown:focus, .navbar .nav > li > a.dropdown:focus i { text-decoration: none; } .navbar-bottom .nav > li > a { color: #9a9a9a; font-weight: normal; font-size: 13px; } /* Hover/focus */ .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { text-decoration: underline; color: #414141; } /* Navbar Top ========================================================================== */ /* Active nav items */ .navbar-top .nav > .active > a, .navbar-top .nav > .active > a:hover, .navbar-top .nav > .active > a:focus { background: #ececec; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: inset 0px 1px 0px #cfcfcf; -moz-box-shadow: inset 0px 1px 0px #cfcfcf; box-shadow: inset 0px 1px 0px #cfcfcf; text-shadow: 0px 1px #ffffff; } .navbar-top .nav { float: right; margin-right: 0; } .navbar-top .nav > li { line-height: 65px; } .navbar-top .nav > li > a { padding: 7px 8px; padding: 7px 5px\0; font-size: 13px; display: inline; } .navbar-top .nav > li.vline { height: 70px; width: 1px; float: left; margin: 0px 9px 0px 10px; background: #cfcfcf; } /* Navbar Bottom ========================================================================== */ .navbar-bottom .nav { margin-left: -12px; } .navbar-bottom .nav > li { margin-top: 18.5px; } .navbar-bottom .nav > li > a { padding: 4px 12px; } /* ========================================================================== Navs ========================================================================== */ /* Common ========================================================================== */ .nav { margin-left: 0; margin-bottom: 10px; list-style: none; } /* Make links block level */ .nav > li > a { display: block; overflow: hidden; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; } /* Prevent IE8 from misplacing imgs */ /* See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 */ .nav > li > a > img { max-width: none; } /* List ========================================================================== */ .nav-list { *zoom: 1; } .nav-list:before, .nav-list:after { display: table; content: ""; line-height: 0; } .nav-list:after { clear: both; } .nav-list > li > a { padding: 5px 10px; line-height: 22px; font-size: 13px; font-weight: normal; color: #414141; background: #fcfcfc; margin-bottom: -1px; border: 1px solid #cfcfcf; } .nav-list > li > a:hover { padding-left: 12px; background: #ececec; } .nav-list > li:first-child > a { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .nav-list > li:last-child > a { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus { background: #ececec; font-weight: bold; padding-left: 14px; } /* Show/hide tabbable areas */ .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } /* Light nav */ .nav-list-light > li > a { background: #ffffff; } .nav-list-light > li > a:hover, .nav-list-light > li > a:focus { background: #fbfaf6; } .nav-list-light > .active > a, .nav-list-light > .active > a:hover, .nav-list-light > .active > a:focus { background: #fbfaf6; } /* Tabs ========================================================================== */ .nav-tabs { *zoom: 1; margin-bottom: 0px; } .nav-tabs:before, .nav-tabs:after { display: table; content: ""; line-height: 0; } .nav-tabs:after { clear: both; } .nav-tabs > li { float: left; /* Disabled state for tabs */ } .nav-tabs > li .disabled { color: #9a9a9a; cursor: not-allowed; background: #ededed; -webkit-box-shadow: inset 0px -2px 0px #e3e3e3; -moz-box-shadow: inset 0px -2px 0px #e3e3e3; box-shadow: inset 0px -2px 0px #e3e3e3; } .nav-tabs > li > a { padding-right: 48px; padding-left: 48px; } /* Give the tabs something to sit on */ .nav-tabs-basic { border-bottom: 1px solid #cfcfcf; } /* Make the list-items overlay the bottom border */ .nav-tabs-basic > li { margin-bottom: -1px; } /* Actual tabs (as links) */ .nav-tabs > li > a { background: #f8f8f8; line-height: 22px; height: 22px; font-size: 14px; font-weight: bold; border: 1px solid #cfcfcf; margin-left: -1px; } .nav-tabs-basic > li > a { -webkit-box-shadow: inset 0px -2px 0px #eeeeee; -moz-box-shadow: inset 0px -2px 0px #eeeeee; box-shadow: inset 0px -2px 0px #eeeeee; padding: 7px 13px 7px 13px; color: #414141; } .nav-tabs-basic > li > a:hover, .nav-tabs-basic > li > a:focus { background: #ededed; -webkit-box-shadow: inset 0px -2px 0px #e3e3e3; -moz-box-shadow: inset 0px -2px 0px #e3e3e3; box-shadow: inset 0px -2px 0px #e3e3e3; } .nav-tabs-boost > li > a { padding: 11px 0 10px; text-shadow: 0 1px 0 #ffffff; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; background-color: #f4f4f2; background-image: -moz-linear-gradient(top, #fafaf9, #ebeae7); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafaf9), to(#ebeae7)); background-image: -webkit-linear-gradient(top, #fafaf9, #ebeae7); background-image: -o-linear-gradient(top, #fafaf9, #ebeae7); background-image: linear-gradient(to bottom, #fafaf9, #ebeae7); background-repeat: repeat-x; color: #9a9a9a; line-height: 29px; height: 29px; font-size: 16px; } .nav-tabs > li:first-child > a { margin-left: 0px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; } .nav-tabs > li:last-child > a { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; } /* Active state, and it's :hover/:focus to override normal :hover/:focus */ .nav-tabs-basic > .active > a, .nav-tabs-basic > .active > a:hover, .nav-tabs-basic > .active > a:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-bottom-color: transparent; background: #ffffff; } .nav-tabs-boost > .active > a, .nav-tabs-boost > .active > a:hover, .nav-tabs-boost > .active > a:focus { background-color: #f7efde; background-image: -moz-linear-gradient(top, #fcf7e4, #efe4d5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcf7e4), to(#efe4d5)); background-image: -webkit-linear-gradient(top, #fcf7e4, #efe4d5); background-image: -o-linear-gradient(top, #fcf7e4, #efe4d5); background-image: linear-gradient(to bottom, #fcf7e4, #efe4d5); background-repeat: repeat-x; border-color: #d7d0b5; color: #705f42; } /* Full width tabs */ .nav-tabs.nav-fullwidth { width: 100.1%; *width: 100%; } .nav-tabs.nav-fullwidth li a { padding-left: 0px; padding-right: 0px; text-align: center; position: relative; width: auto; } .nav-tabs-8 li { width: 12.5%; } .nav-tabs-7 li { width: 14.285714285714285%; } .nav-tabs-6 li { width: 16.666666666666664%; } .nav-tabs-5 li { width: 20%; } .nav-tabs-4 li { width: 25%; } .nav-tabs-3 li { width: 33.33333333333333%; } .nav-tabs-2 li { width: 50%; } .nav-tabs-1 li { width: 100%; } /* =========================================================================== Pagination ========================================================================== */ /* Space out pagination from surrounding content */ .pagination { height: 38px; } .pagination ul { display: inline-block; *display: inline; *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .pagination ul > li { display: inline; } .pagination ul > li > a, .pagination ul > li > span { float: left; padding: 0px 14px; line-height: 36px; text-decoration: none; color: #9a9a9a; font-weight: normal; background-color: #ffffff; border: 1px solid #cfcfcf; border-left-width: 0; } .pagination ul > li > a:hover, .pagination ul > li > a:focus { background: #f8f8f8; color: #414141; } .pagination ul > .active > a, .pagination ul > .active > span, .pagination ul > .active > a:hover, .pagination ul > .active > a:focus { background-color: #f8f8f8; color: #000000; font-weight: bold; cursor: default; } .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus { color: #9a9a9a; background-color: transparent; cursor: default; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .pagination ul > li:last-child > a, .pagination ul > li:first-child > span { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } /* Buttons ========================================================================== */ .pagination .btn { line-height: 20px; padding: 8px 12px; font-weight: bold; color: #414141; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; } .pagination .btn:hover { color: #414141; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); background-color: #e7e7e5; background-image: -moz-linear-gradient(top, #ededec, #dfdedb); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ededec), to(#dfdedb)); background-image: -webkit-linear-gradient(top, #ededec, #dfdedb); background-image: -o-linear-gradient(top, #ededec, #dfdedb); background-image: linear-gradient(to bottom, #ededec, #dfdedb); background-repeat: repeat-x; *background-color: #dfdedb; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .pagination .btn:active { -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.5); box-shadow: inset 0 1px 2px rgba(0,0,0,0.5); color: #414141; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); background-color: #e7e7e5; background-image: -moz-linear-gradient(top, #ededec, #dfdedb); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ededec), to(#dfdedb)); background-image: -webkit-linear-gradient(top, #ededec, #dfdedb); background-image: -o-linear-gradient(top, #ededec, #dfdedb); background-image: linear-gradient(to bottom, #ededec, #dfdedb); background-repeat: repeat-x; *background-color: #dfdedb; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); padding: 10px 13px 8px 13px; } .pagination .btn-left:active { border-left-width: 0px; } .pagination .btn-right:active { margin-left: -1px; } /* =========================================================================== Breadcrumbs ========================================================================== */ .breadcrumb-wrap { margin: 0 0 10px 0; } .breadcrumb { padding: 6px 0; list-style: none; margin: 0; } .breadcrumb > li { display: inline-block; *display: inline; *zoom: 1; text-shadow: 0 1px 0 #ffffff; font-size: 12px; } .breadcrumb > li > .divider { color: #cdcdcd; } .breadcrumb > li > a { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #4a4a4a; } .breadcrumb > li > a > i { color: #4a4a4a; } .breadcrumb > li > a:hover { color: #2e6bff; text-decoration: none; } .breadcrumb > li > .b-icon { color: #9b9b9b; font-size: 4px; display: inline; margin: 0 2px; } .breadcrumb > li > .fonticon-home { color: #666; } .breadcrumb > li > h1 { font-size: 13px; color: #414141; line-height: 15px; margin: 0px; } .breadcrumb > .active { font-size: 12px !important; font-weight: 500 !important; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #2e6bff; } /* =========================================================================== Alerts ========================================================================== */ /* Red & Green ========================================================================== */ .list-circle-red, .list-circle-green { list-style-type: none; *list-style-type: disc; margin: 0 0 0 20px; } .list-circle-red > li, .list-circle-green > li { position: relative; line-height: 20px; margin-top: 5px; } .list-circle-red > li:first-child, .list-circle-green > li:first-child { margin-top: 0px; } .list-circle-red > li:before, .list-circle-green > li:before { position: absolute; top: 7px; left: 0px; display: inline-block; width: 6px; height: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 0 0 0 -16px; background: #c86e67; content: ""; } .list-small > li { font-size: 12px; } .list-circle-green > li:before { background: #4f9962; } /* Small and big lists - with or without border ========================================================================== */ .list-small > .list-heading { font-size: 13px; font-weight: bold; line-height: 24px; margin: 0; } .list-small > ul { margin: 0; padding: 0; list-style-type: none; } .list-small > ul > li, .list-small > ul li a { font-weight: normal; font-size: 11px; line-height: 14px; color: #757575; } .list-small > ul > li span, .list-small > ul li a span { color: #9a9a9a; } .list-big > .list-heading { font-size: 16px; font-weight: bold; line-height: 40px; margin: 0; border-bottom: 1px solid #cfcfcf; } .list-big.list-big-icons > ul > li { padding-left: 29px; } .list-big.list-big-icons > ul > li i { position: absolute; width: 32px; left: 2px; top: 8px; *top: 1px; font-size: 15px; } .list-big.list-big-border > ul > li { line-height: 30px; border-top: 1px solid #ebebeb; /* Needs to be changed to a variable */ position: relative; } .list-big.list-big-border > ul > li:first-child { border-top: none; } .list-big.list-big-border > ul > li i { position: absolute; right: 2px; top: 11px; *top: 2px; } .list-big > ul { margin: 0; padding: 0; list-style-type: none; } .list-big > ul > li { line-height: 30px; position: relative; font-size: 13px; } /* Ad listing ========================================================================== */ .listing { position: relative; } .listing .item { *zoom: 1; border-top: 1px solid #e5e5e5; padding: 8px 0; } .listing .item:before, .listing .item:after { display: table; content: ""; line-height: 0; } .listing .item:after { clear: both; } .listing .item > div { float: left; } .listing .item:first-child { border-top: none; } .listing .item > .item-price, .listing .item .item-save, .listing .item .item-buttons, .listing .item .item-status { float: right; } .listing .item .item-info { margin-left: 15px; } .listing .item-age { width: 72px; margin: 0 6px; text-align: center; } .listing .item-age > abbr { display: inline-block; *display: inline; *zoom: 1; margin-top: 26px; line-height: 18px; } .listing .item-age small { color: inherit; font-weight: inherit; } .listing .item-price { width: 132px; margin-right: 4px; text-align: right; } .listing .item-price > span { display: inline-block; *display: inline; *zoom: 1; margin-top: 22px; font-weight: bold; font-size: 15px; } .listing .item-save { width: 40px; text-align: center; } .listing .item-save > a { margin-top: 38px; display: inline-block; *display: inline; *zoom: 1; } .listing .item-save > a:hover { text-decoration: none; } .listing .item-buttons { text-align: center; margin: 39px 10px 0 10px; } .listing .item-buttons > a { display: inline-block; *display: inline; *zoom: 1; } .listing .item-buttons > a > i { font-size: 20px; } .listing .item-buttons > a:hover { text-decoration: none; } .listing .item-status { height: 112px; width: 28px; margin: -8px -1px -8px 0; padding: 0 5px; } .listing .item-status i { color: #ffffff; font-size: 20px; line-height: 114px; } .listing .status-refused { background: #c86e67; } .listing .status-pending { background: #deb25d; } .listing .status-approved { background: #4f9962; } /* With thumbnails */ .listing-thumbs .image-and-nb { width: 120px; height: 90px; position: relative; padding: 2px; border: 1px solid #cfcfcf; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .listing-thumbs .image-and-nb .item-img img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .listing-thumbs .image-and-nb .item-img .item-img-line { width: 1px; background: #cfcfcf; position: absolute; top: 5px; right: 3px; } .listing-thumbs .image-and-nb .item-img .item-img-line-last { right: 0px; top: 10px; } .listing-thumbs .image-and-nb .item-img.no-thumb { background: #f8f8f8; height: 88px; width: 118px; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } .listing-thumbs .image-and-nb .item-img.no-thumb i { line-height: 88px; font-size: 34px; padding-left: 6px; } .listing-thumbs .item-info { width: 310px; margin-right: 4px; height: 96px; } .listing-thumbs .item-info h2 { font-size: 16px; line-height: 24px; margin: 0; } .listing-thumbs .item-info .item-info-extra, .listing-thumbs .item-info .item-info-extra a { color: #9a9a9a; } .image-and-nbw { width: 120px; position: relative; padding: 2px; } .image-and-nbw .item-img { position: relative; } .image-and-nbw .item-img img { margin-left: auto; margin-right: auto; } .image-and-nbw .item-img .item-img-line { width: 1px; background: #cfcfcf; position: absolute; top: 5px; right: 3px; } .image-and-nbw .item-img .item-img-line-last { right: 0px; top: 10px; } .image-and-nbw .item-img.no-thumb { background: #f8f8f8; height: 94px; width: 120px; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } .image-and-nbw .item-img.no-thumb i { line-height: 88px; font-size: 34px; padding-left: 6px; } .listing-thumbs-small .image-and-nb { width: 100px; position: relative; } .listing-thumbs-small .image-and-nb .item-img { width: 86px; } .listing-thumbs-small .image-and-nb .item-img.no-thumb { height: 64px; width: 78px; background: #f8f8f8; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } .listing-thumbs-small .image-and-nb .item-img.no-thumb i { line-height: 58px; font-size: 28px; padding-left: 6px; } .listing-thumbs-small .image-and-nb .item-info { height: 66px; width: 384px; } .listing-thumbs-small .image-and-nb .item-info h2 { font-size: 15px; line-height: 21px; } .listing-thumbs-small .image-and-nb .item-age abbr { margin-top: 12px; } .listing-thumbs-small .image-and-nb .item-price span { margin-top: 22px; } .listing-thumbs-small .image-and-nb .item-save a { margin-top: 22px; } .listing-thumbs-small .image-and-nb .item-status { height: 82px; } .listing-thumbs-small .image-and-nb .item-status i { line-height: 82px; } .listing-thumbs-small .image-and-nb .item-buttons { margin-top: 23px; } /* Without thumbnails */ .listing-nothumbs .item-age > abbr { margin-top: 4px; } .listing-nothumbs .item-icon { width: 60px; margin-right: 10px; margin-top: 10px; text-align: center; } .listing-nothumbs .item-icon > i { font-size: 24px; } .listing-nothumbs .item-info { width: 418px; margin-right: 4px; } .listing-nothumbs .item-info h2 { font-size: 14px; line-height: 23px; margin: 0; } .listing-nothumbs .item-info .item-info-extra, .listing-nothumbs .item-info .item-info-extra a { color: #9a9a9a; } .listing-nothumbs .item-price > span { margin-top: 11px; } .listing-nothumbs .item-save > a { margin-top: 12px; } .listing-compact .item-info { width: 442px; } .listing-compact .item-info h2 { font-size: 15px; } .listing-compact .item-price { width: auto; text-align: left; } .listing-compact .item-price > span { margin-top: 6px; } .listing-compact-small .item-info { width: 300px; height: 66px; } /* Components: Misc */ /* =========================================================================== Carousel ========================================================================== */ .carousel { position: relative; margin-bottom: 10px; line-height: 1; width: 100%; *zoom: 1; } .carousel:before, .carousel:after { display: table; content: ""; line-height: 0; } .carousel:after { clear: both; } .carousel-wrap { margin-bottom: 10px; overflow: hidden; } .carousel-simple .carousel-wrap { text-align: center; } .carousel-simple .carousel-inner { float: none; display: inline-block; } .carousel-inner { float: left; position: relative; overflow: hidden; border-radius: 3px; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.2s ease-in-out left; -moz-transition: 0.2s ease-in-out left; -o-transition: 0.2s ease-in-out left; transition: 0.2s ease-in-out left; /* Account for jankitude on images */ } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } /* Left/right controls for nav ========================================================================== */ .carousel-control { width: 47px; height: 100%; cursor: pointer; cursor: hand; float: left; position: relative; } .carousel-control.right { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; } .carousel-control.right > i { right: 2px; } .carousel-control.left { margin-left: 8px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .carousel-control.left > i { left: 4px; } .carousel-control:hover { background: #ececec; text-decoration: none; } .carousel-control:focus { text-decoration: none; } .carousel-control > i { color: #9a9a9a; font-size: 28px; line-height: 36px; position: absolute; top: 50%; margin-top: -18px; } /* Carousel indicator pips ========================================================================== */ .carousel-indicators { text-align: center; } .carousel-indicators > ol { margin: 0; list-style: none; *zoom: 1; display: inline-block; } .carousel-indicators > ol:before, .carousel-indicators > ol:after { display: table; content: ""; line-height: 0; } .carousel-indicators > ol:after { clear: both; } .carousel-indicators > ol li { display: block; float: left; font-size: 40px; margin-left: 5px; cursor: pointer; cursor: hand; color: #cfcfcf; } .carousel-indicators > ol li:first-child { margin-left: 0px; } .carousel-indicators > ol li.active { color: #414141; } .carousel-indicators > ol li:hover { color: #414141; } /* Carousel thumbs ========================================================================== */ .carousel-thumbs > ol { list-style: none; display: inline-block; margin: 0; *zoom: 1; } .carousel-thumbs > ol:before, .carousel-thumbs > ol:after { display: table; content: ""; line-height: 0; } .carousel-thumbs > ol:after { clear: both; } .carousel-thumbs > ol > li { display: block; float: left; margin-left: 10px; cursor: pointer; cursor: hand; } .carousel-thumbs > ol > li:first-child { margin-left: 0px; } .carousel-thumbs > ol > li.active img { opacity: 1; filter: alpha(opacity=100); } .carousel-thumbs > ol img { display: block; border-radius: 3px; opacity: 0.4; filter: alpha(opacity=40); max-height: 60px; } .carousel-thumbs > ol img:hover { opacity: 1; filter: alpha(opacity=100); } /* =========================================================================== Progress bars ========================================================================== */ /* ANIMATIONS ========================================================================== */ /* Webkit */ @-webkit-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } /* Firefox */ @-moz-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } /* IE9 */ @-ms-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } /* Opera */ @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } /* Spec */ @keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } /* THE BARS ========================================================================== */ /* Outer container */ .progress { overflow: hidden; height: 20px; margin-bottom: 10px; background: #e5e5e5; -webkit-box-shadow: inset 0 1px 0 #bebebe, 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #bebebe, 0 1px 0 #fff; box-shadow: inset 0 1px 0 #bebebe, 0 1px 0 #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* Bar of progress */ .progress .bar { width: 0%; height: 100%; color: #ffffff; float: left; text-align: center; background-color: #59a66d; background-image: -moz-linear-gradient(top, #60ae74, #4f9962); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#60ae74), to(#4f9962)); background-image: -webkit-linear-gradient(top, #60ae74, #4f9962); background-image: -o-linear-gradient(top, #60ae74, #4f9962); background-image: linear-gradient(to bottom, #60ae74, #4f9962); background-repeat: repeat-x; border: 1px solid #3e774c; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.03); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.03); box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.03); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress .bar + .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); } /* Striped bars */ .progress-striped .bar { background-color: #60ae74; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; -o-background-size: 30px 30px; background-size: 30px 30px; } /* Call animation for the active one */ .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } /* COLORS ========================================================================== */ /* Danger (red) */ .progress-danger .bar, .progress .bar-danger { background-color: #d0756e; background-image: -moz-linear-gradient(top, #d67a73, #c86e67); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d67a73), to(#c86e67)); background-image: -webkit-linear-gradient(top, #d67a73, #c86e67); background-image: -o-linear-gradient(top, #d67a73, #c86e67); background-image: linear-gradient(to bottom, #d67a73, #c86e67); background-repeat: repeat-x; border: 1px solid #a6443c; } .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color: #d67a73; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } /* Info (blue) */ .progress-info .bar, .progress .bar-info { background-color: #66a5d4; background-image: -moz-linear-gradient(top, #60a4dd, #70a7c7); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#60a4dd), to(#70a7c7)); background-image: -webkit-linear-gradient(top, #60a4dd, #70a7c7); background-image: -o-linear-gradient(top, #60a4dd, #70a7c7); background-image: linear-gradient(to bottom, #60a4dd, #70a7c7); background-repeat: repeat-x; border: 1px solid #4b90b9; } .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #60a4dd; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } /* Warning (yellow) */ .progress-warning .bar, .progress .bar-warning { background-color: #e8bd6a; background-image: -moz-linear-gradient(top, #efc472, #deb25d); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efc472), to(#deb25d)); background-image: -webkit-linear-gradient(top, #efc472, #deb25d); background-image: -o-linear-gradient(top, #efc472, #deb25d); background-image: linear-gradient(to bottom, #efc472, #deb25d); background-repeat: repeat-x; border: 1px solid #c69028; } .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color: #efc472; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } /* Components: Labels and badges */ /* =========================================================================== Labels and badges ========================================================================== */ /* Base styles ========================================================================== */ .label, .badge { background-color: #9a9a9a; color: #ffffff; } .label { display: inline; padding: 4px 5px; font-size: 11px; font-weight: bold; text-align: center; vertical-align: middle; border-radius: 3px; line-height: 1; text-shadow: none; } .label i { color: #000000; opacity: 0.3; filter: alpha(opacity=30); line-height: 22px; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px 2px; font-size: 12px; font-weight: bold; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; border-radius: 10px; } /* Alternate style ========================================================================== */ .label-success, .badge-success { background-color: #4f9962; } .label-success-light, .badge-success-light { background-color: #e2f0d9; } .label-warning, .badge-warning { background-color: #deb25d; } .label-important, .badge-important { background-color: #c86e67; } .label-info, .badge-info { background-color: #70a7c7; } .label-special { background-color: #f3ebca; padding: 9px 12px; color: #705f42; font-size: 14px; border-radius: 30px; } .label-large { display: block; width: 100%; padding: 19px 0 17px; font-size: 21px; } /* Utility classes */ /* Utility classes ========================================================================== */ /* Quick floats */ .float-left { float: left; } .float-right { float: right; } /* Center element */ .center-element { margin-left: auto; margin-right: auto; } /* Display inline block */ .inline-block { display: inline-block; *display: inline; *zoom: 1; } /* No outline */ .no-outline { outline: 0; outline-style: none; outline-width: 0; } /* Cursor styles */ .cursor-pointer { cursor: pointer; } /* Sprite texts */ .spritetext { text-indent: -9998px; } /* For Affix plugin */ .affix { position: fixed; } /* Put a relative position on an element */ .relative { position: relative; } /* Toggling content */ .hide { display: none; } .show { display: block; } /* Uppercase letters */ .uppercase { text-transform: uppercase; } /* Visibility */ .invisible { visibility: hidden; } /* Muted text color */ .muted { color: #9a9a9a; } /* Text decoration off */ .no-deco { text-decoration: none !important; } /* No border classes */ .no-border { border: none; } .nbt { border-top: none; } .nbr { border-right: none; } .nbb { border-bottom: none; } .nbl { border-left: none; } /* No border-radius classes */ .no-border-radius { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .ntlr { -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; } .ntrr { -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; } .nbrr { -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; } .nblr { -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; } /* Removes all margin on element */ .no-margin { margin: 0; } .ml-no { margin-left: 0px !important; } .mr-no { margin-right: 0px !important; } .mt-no { margin-top: 0px !important; } .mb-no { margin-bottom: 0px !important; } /* Extra Small margins */ .maxs { margin: 5px; } .mtxs { margin-top: 5px; } .mrxs { max-width: 110px; margin-top: 5px; margin-right: 5px; } .mbxs { margin-bottom: 5px; } .mlxs { margin-left: 5px; } /* Small margins */ .mas { margin: 10px; } .mts { margin-top: 10px; } .mrs { margin-right: 10px; } .mbs { margin-bottom: 10px; } .mls { margin-left: 10px; } /* Small margins */ .ma12 { margin: 12px; } .mt12 { margin-top: 12px; } .mr12 { margin-right: 12px; } .mb12 { margin-bottom: 12px; } .ml12 { margin-left: 12px; } /* Custon margins */ .mlc1 { margin-left: -8px; } /* Medium margins */ .mam { margin: 15px; } .mtm { margin-top: 15px; } .mrm { margin-right: 15px; } .mbm { margin-bottom: 15px; } .mlm { margin-left: 15px; } .ma20 { margin: 20px !important; } .mt20 { margin-top: 20px !important; } .mr20 { margin-right: 20px !important; } .mb20 { margin-bottom: 20px !important; } .ml20 { margin-left: 20px !important; } /* Large margins */ .mal { margin: 25px !important; } .mtl { margin-top: 25px !important; } .mrl { margin-right: 25px !important; } .mbl { margin-bottom: 25px !important; } .mll { margin-left: 25px !important; } /* Xtra Large margins*/ .maxl { margin: 35px !important; } .mtxl { margin-top: 35px !important; } .mrxl { margin-right: 35px !important; } .mbxl { margin-bottom: 35px !important; } .mlxl { margin-left: 35px !important; } /* Xtra Large margins*/ .ma40 { margin: 40px !important; } .mt40 { margin-top: 40px !important; } .mr40 { margin-right: 40px !important; } .mb40 { margin-bottom: 40px !important; } .ml40 { margin-left: 40px !important; } .ma90 { margin: 90px !important; } .mt90 { margin-top: 90px !important; } .mr90 { margin-right: 90px !important; } .mb90 { margin-bottom: 90px !important; } .ml90 { margin-left: 90px !important; } .ma130 { margin: 130px !important; } .mt130 { margin-top: 130px !important; } .mr130 { margin-right: 130px !important; } .mb130 { margin-bottom: 130px !important; } .ml130 { margin-left: 130px !important; } /* XXtra Large margins*/ .maxxl { margin: 205px; } .mtxxl { margin-top: 205px; } .mrxxl { margin-right: 205px; } .mbxxl { margin-bottom: 205px; } .mlxxl { margin-left: 205px; } /* Removes all padding on element */ .no-padding { padding: 0; } /* Extra Small paddings */ .paxs { padding: 5px; } .ptxs { padding-top: 5px; } .prxs { padding-right: 5px; } .pbxs { padding-bottom: 5px; } .plxs { padding-left: 5px; } /* Small paddings */ .pas { padding: 10px; } .pts { padding-top: 10px; } .prs { padding-right: 10px; } .pbs { padding-bottom: 10px; } .pls { padding-left: 10px; } /* Medium paddings */ .pam { padding: 20px; } .ptm { padding-top: 20px; } .prm { padding-right: 20px; } .pbm { padding-bottom: 20px; } .plm { padding-left: 20px; } /* Large paddings */ .pal { padding: 30px; } .ptl { padding-top: 30px; } .prl { padding-right: 30px; } .pbl { padding-bottom: 30px; } .pll { padding-left: 30px; } /* Xtra Large paddings*/ .paxl { padding: 40px; } .ptxl { padding-top: 40px; } .prxl { padding-right: 40px; } .pbxl { padding-bottom: 40px; } .plxl { padding-left: 40px; } /* Vertical align */ .ctext1, .ctext2, .ctext3 { text-align: inherit; } .ctext1 { overflow: hidden; height: 100%; display: table; } .ie7 .ctext1 { position: relative; } .ctext2 { display: table-cell; vertical-align: middle; width: 100%; } .ie7 .ctext2 { position: absolute; overflow: visible; top: 50%; width: 100%; } .ie7 .ctext3 { position: relative; overflow: visible; top: -50%; } /* Font-size and line-height classes */ .fs12 { font-size: 12px !important; } .fs13 { font-size: 13px !important; } .fs14 { font-size: 14px !important; } .fs16 { font-size: 16px !important; } .fs18 { font-size: 18px !important; } .ln22 { line-height: 22px !important; } .ln30 { line-height: 30px !important; } /* Width sizes */ .ws { width: 50px !important; } .wss { width: 120px !important; } .w140 { width: 140px !important; } .w150 { width: 150px !important; } .wm { width: 200px !important; } .wl { width: 350px !important; } .wlai { width: 400px !important; } .wxl { width: 450px !important; } .wxxl { width: 550px !important; } /* Max Width Sizes */ .mws { max-width: 86px; } /* Height sizes */ .hs { height: 50px !important; } .hm1 { height: 70px !important; } .hm2 { height: 90px !important; } .hm { height: 200px !important; } .hl { height: 350px !important; } .hxl { height: 450px !important; } .hxxl { height: 550px !important; } /* Labels for shops*/ .wam { width: 300px !important; margin-right: 40px; } /* Padding AI */ .padding-ai { padding: 13px 9px !important; } /* BOLD FOR BALDS LOL */ .bold { font-weight: bold; } /* gallery */ div#m-gallery { border: 3px solid #f56b2a; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 2px; width: 100%; } #m-gallery .place-holder { cursor: pointer; display: block; float: left; -ms-flex-positive: 1; flex-grow: 1; min-width: 80px; max-width: 100%; max-height: 120px; margin: 2px!important; position: relative; padding: 0; text-decoration: none; width: 30%; } #m-gallery .gallery-box, #m-gallery .place-holder { -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; overflow: hidden; } #m-gallery .gallery-box { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } #m-gallery .gallery-title { background: #f56b2a; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: .8em; margin: 0; padding: 3px; position: relative; height: auto; line-height: 1; } #m-gallery .gallery-item-title { bottom: 15% !important; } #m-gallery .gallery-item-location { display: none; } #m-gallery .helpIcon { background: #fff; border-radius: 50px; color: orange; cursor: pointer; display: none; font-size: 14px; font-weight: 700; height: 15px; line-height: 1; right: 5px; top: 0; position: absolute; width: 15px; } #m-gallery #gallery-more { background: #f8f8f8; display: none; padding: 10px; } #m-gallery #gallery-more a { color: #4a90e2; font-weight: 500; text-decoration: none; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } #m-gallery #gallery-item { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; float: left; -ms-flex-positive: 1; flex-grow: 1; height: auto; min-width: 80px; max-width: 100%; max-height: 130px; margin: 2px!important; position: relative; padding: 0; text-decoration: none; overflow: hidden; width: 30%; height: 120px; } #m-gallery #gallery-item:first-child { margin-right: 0 !important; } .gallery-box a:nth-child(2) { margin-right: 0!important; margin-left: 0 !important; } #m-gallery #gallery-item:before { bottom: 0; content: ""; position: absolute; top: 0; left: 0; right: 0; box-shadow: inset 0 -59px 36px -21px rgba(0, 0, 0, 0.9); -moz-box-shadow: inset 0 -59px 36px -21px rgba(0, 0, 0, 0.9); -webkit-box-shadow: inset 0 -59px 36px -21px rgba(0, 0, 0, 0.9); } #m-gallery #gallery-item:hover { opacity: 0.85; } #m-gallery .gallery-item-img { margin: 0 auto; height: 120px; width: 100%; background-position: 50%; background-size: cover; } #m-gallery #gallery-item p { bottom: 0; color: #fff; font-size: .8em; font-weight: 700; margin-bottom: 0; text-align: left; position: absolute; padding-left: 5px; } #m-gallery #gallery-item .gallery-item-price { color: #42a5f5; font-size: 1.1em; line-height: 2; direction: ltr; padding-right: 2px; } div#gallery { border: 1px solid #f56b2a; background: #fff; width: 100%; margin-bottom: 2px; width: 300px; } #gallery .gallery-box { height: auto; margin: 0 auto; width: 90%; } #gallery .gallery-title { background: #f56b2a; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 1em; margin: 0; padding: 2px; } #gallery .helpIcon { display: none; } #gallery #gallery-more { background: #f8f8f8; padding: 10px; display: none; } #gallery #gallery-more a { color: #4a90e2; font-weight: 500; text-decoration: none; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } #gallery #gallery-item { -webkit-box-shadow: inset 0 -0.5px 0 0 #eaeaea; box-shadow: inset 0 -0.5px 0 0 #eaeaea; cursor: pointer; padding: 10px 0 0; text-decoration: none; display: block; height: auto; margin-bottom: 5px; } #gallery #gallery-item:hover { opacity: 0.85; } #gallery .gallery-item-img { max-width: 100%; margin-bottom: 5px; height: 200px; width: 100%; background-position: 50%; background-size: cover; } #gallery #gallery-item p { font-size: .9em; font-weight: 700; color: #366797; margin-bottom: 0; margin-top: 0; text-align: left; } #gallery #gallery-item .gallery-item-price { color: #1d72db; font-size: 1em; direction: ltr; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } .galleryApp { font-family: Roboto, Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; min-width: 40px; margin-top: 10px; } .truncate { width: 95%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /*# sourceMappingURL=main.34e0158d.css.map*/ /* Sprites */ /* 36 images in sprite, original size 3892734 bytes */ .sprite_common_ma_shop_icon_big { width: 180px; height: 180px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2px -2px; } .sprite_common_ma_ma_fr_ai_badge { width: 107px; height: 112px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -186px -2px; } .sprite_common_ma_cart_shop { width: 200px; height: 106px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -297px -2px; } .sprite_common_ma_creditCard-SideBar { width: 134px; height: 103px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -501px -2px; } .sprite_common_ma_mastercard-credit-cards-icon { width: 303px; height: 98px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -639px -2px; } .sprite_common_ma_ai_example_images { width: 194px; height: 93px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -946px -2px; } .sprite_common_ma_sms-p-icon { width: 124px; height: 92px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1144px -2px; } .sprite_common_ma_smiley { width: 86px; height: 87px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -946px -97px; } .sprite_common_ma_ai_clock { width: 84px; height: 84px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1036px -97px; } .sprite_common_ma_delete_icon { width: 84px; height: 84px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1144px -96px; } .sprite_common_ma_edit_icon { width: 84px; height: 84px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1272px -2px; } .sprite_common_ma_lock_icon { width: 84px; height: 84px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1272px -88px; } .sprite_common_ma_mail_icon { width: 84px; height: 84px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1360px -2px; } .sprite_common_ma_renew_icon { width: 84px; height: 84px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1360px -88px; } .sprite_common_ma_shop_window { width: 80px; height: 80px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -639px -102px; } .sprite_common_ma_sms1-icon { width: 58px; height: 58px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -186px -116px; } .sprite_common_ma_smiley_small { width: 50px; height: 51px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -297px -110px; } .sprite_common_ma_check-icon { width: 50px; height: 50px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -351px -110px; } .sprite_common_ma_ma_fr_logoinner { width: 240px; height: 48px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1448px -2px; } .sprite_common_ma_clock { width: 46px; height: 46px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -248px -116px; } .sprite_common_ma_guideicon { width: 36px; height: 42px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -405px -110px; } .sprite_common_ma_bump_19 { width: 41px; height: 37px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -445px -110px; } .sprite_common_ma_bump_30 { width: 41px; height: 37px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -501px -107px; } .sprite_common_ma_bump_36 { width: 41px; height: 37px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -546px -107px; } .sprite_common_ma_check-icon-small { width: 30px; height: 30px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -445px -151px; } .sprite_common_ma_pay_failure { width: 30px; height: 30px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -501px -148px; } .sprite_common_ma_creditCard-Picto { width: 45px; height: 29px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -546px -148px; } .sprite_common_ma_forward_blue { width: 29px; height: 29px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -595px -107px; } .sprite_common_ma_forward_orange { width: 29px; height: 29px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -595px -140px; } .sprite_common_ma_remonter-icon { width: 30px; height: 28px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -405px -156px; } .sprite_common_ma_youtube { width: 20px; height: 20px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -351px -164px; } .sprite_common_ma_Shop-icon_small_blue { width: 18px; height: 18px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -248px -166px; } .sprite_common_ma_moreadsbyuser_manicon { width: 17px; height: 17px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -297px -165px; } .sprite_common_ma_up_arrow_black { width: 15px; height: 16px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -723px -102px; } .sprite_common_ma_up_arrow_orange { width: 15px; height: 16px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -723px -122px; } .sprite_common_ma_or { width: 408px; height: 13px; background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1692px -2px; } /* 14 images in sprite, original size 227684 bytes */ .sprite_index_ma_ma_mobile_dl { width: 1033px; height: 92px; background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2px -2px; } .sprite_index_ma_ma_cats_blue { width: 196px; height: 89px; background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1039px -2px; } .sprite_index_ma_ma_cats_brown { width: 196px; height: 89px; background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1239px -2px; } .sprite_index_ma_ma_cats_green { width: 196px; height: 89px; background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1439px -2px; } .sprite_index_ma_ma_cats_purple { width: 196px; height: 89px; background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1639px -2px; } .sprite_index_ma_ma_cats_red { width: 111px; height: 89px; background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1839px -2px; } .sprite_index_ma_ma_cats_red_old { width: 196px; height: 89px; background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1954px -2px; } .sprite_index_ma_ma_cats_yellow { width: 196px; height: 89px; background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2154px -2px; } .sprite_index_ma_ma_testimonial_1 { width: 82px; height: 82px; background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2354px -2px; } .sprite_index_ma_ma_testimonial_2 { width: 82px; height: 82px; background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2440px -2px; } .sprite_index_ma_ma_fr_logo { width: 240px; height: 48px; background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2526px -2px; } .sprite_index_ma_ma_smiley { width: 42px; height: 43px; background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2526px -52px; } .sprite_index_ma_app_store { width: 123px; height: 36px; background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2572px -52px; } .sprite_index_ma_google_play { width: 123px; height: 36px; background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2770px -2px; } /* 10 images in sprite, original size 17218 bytes */ .sprite_li_ma_cat_autre { width: 28px; height: 23px; background: url("/img/li_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2px -2px; } .sprite_li_ma_cat_book { width: 28px; height: 23px; background: url("/img/li_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -34px -2px; } .sprite_li_ma_cat_car { width: 28px; height: 23px; background: url("/img/li_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -66px -2px; } .sprite_li_ma_cat_company { width: 28px; height: 23px; background: url("/img/li_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -98px -2px; } .sprite_li_ma_cat_estate { width: 28px; height: 23px; background: url("/img/li_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -130px -2px; } .sprite_li_ma_cat_jardin { width: 28px; height: 23px; background: url("/img/li_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -162px -2px; } .sprite_li_ma_cat_jobs { width: 28px; height: 23px; background: url("/img/li_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -194px -2px; } .sprite_li_ma_cat_new_construction { width: 28px; height: 23px; background: url("/img/li_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -226px -2px; } .sprite_li_ma_cat_phone { width: 28px; height: 23px; background: url("/img/li_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -258px -2px; } .sprite_li_ma_cat_shirt { width: 28px; height: 23px; background: url("/img/li_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -290px -2px; } /* 8 images in sprite, original size 663747 bytes */ .sprite_avservices_ma_avServices2 { width: 373px; height: 256px; background: url("/img/avservices_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2px -2px; } .sprite_avservices_ma_avServices1 { width: 390px; height: 244px; background: url("/img/avservices_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -379px -2px; } .sprite_avservices_ma_avServicesSMS { width: 137px; height: 172px; background: url("/img/avservices_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -773px -2px; } .sprite_avservices_ma_avServices3 { width: 304px; height: 157px; background: url("/img/avservices_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -914px -2px; } .sprite_avservices_ma_avServices4 { width: 304px; height: 157px; background: url("/img/avservices_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1222px -2px; } .sprite_avservices_ma_avServices5 { width: 304px; height: 157px; background: url("/img/avservices_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1530px -2px; } .sprite_avservices_ma_avServicesBTN { width: 357px; height: 74px; background: url("/img/avservices_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1838px -2px; } .sprite_avservices_ma_arrow-down { width: 51px; height: 51px; background: url("/img/avservices_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -773px -176px; } /* 31 images in sprite, original size 121857 bytes */ .sprite_intro_step_5_boy { width: 318px; height: 265px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2px -2px; } .sprite_intro_step_2_boy { width: 109px; height: 159px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -324px -2px; } .sprite_intro_step_2_girl { width: 111px; height: 159px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -437px -2px; } .sprite_intro_step_1_boy { width: 85px; height: 150px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -552px -2px; } .sprite_intro_step_3_boy { width: 85px; height: 150px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -641px -2px; } .sprite_intro_step_4_boy { width: 107px; height: 150px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -730px -2px; } .sprite_intro_step_intro_intro_boy { width: 145px; height: 150px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -841px -2px; } .sprite_intro_step_5_vignette { width: 122px; height: 97px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -841px -154px; } .sprite_intro_step_5_vignette_ar { width: 122px; height: 97px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -990px -2px; } .sprite_intro_step_4_vignette { width: 114px; height: 91px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -990px -101px; } .sprite_intro_step_4_vignette_ar { width: 114px; height: 91px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1116px -2px; } .sprite_intro_step_5_vignette2 { width: 127px; height: 79px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1234px -2px; } .sprite_intro_step_5_vignette2_ar { width: 127px; height: 79px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1234px -83px; } .sprite_intro_step_2_vignette { width: 107px; height: 77px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -324px -163px; } .sprite_intro_step_2_vignette2 { width: 107px; height: 77px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -437px -163px; } .sprite_intro_step_2_vignette2_ar { width: 107px; height: 77px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -730px -154px; } .sprite_intro_step_2_vignette_ar { width: 107px; height: 77px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1116px -95px; } .sprite_intro_step_4_vignette2 { width: 125px; height: 77px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1234px -166px; } .sprite_intro_step_4_vignette2_ar { width: 125px; height: 77px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1365px -2px; } .sprite_intro_step_1_car { width: 60px; height: 60px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -552px -154px; } .sprite_intro_step_1_computer { width: 60px; height: 60px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -641px -154px; } .sprite_intro_step_1_home { width: 60px; height: 60px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -990px -196px; } .sprite_intro_step_1_job { width: 60px; height: 60px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1116px -176px; } .sprite_intro_step_3_casablanca { width: 88px; height: 33px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -730px -235px; } .sprite_intro_step_3_casablanca_ar { width: 88px; height: 33px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1365px -81px; } .sprite_intro_step_3_fes { width: 60px; height: 33px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -552px -218px; } .sprite_intro_step_3_fes_ar { width: 60px; height: 33px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -641px -218px; } .sprite_intro_step_3_rabat { width: 67px; height: 33px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1365px -118px; } .sprite_intro_step_3_rabat_ar { width: 67px; height: 33px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1365px -155px; } .sprite_intro_step_1_button { width: 94px; height: 31px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1365px -192px; } .sprite_intro_step_1_question_mask { width: 14px; height: 19px; background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -324px -244px; } /* 46 images in sprite, original size 2157991 bytes */ .sprite_vas_cash_cover { width: 1000px; height: 400px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2px -2px; } .sprite_vas_insertionfees_cover { width: 980px; height: 400px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1006px -2px; } .sprite_vas_refused_ad { width: 680px; height: 238px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1990px -2px; } .sprite_vas_refused_ad_ar { width: 680px; height: 215px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2674px -2px; } .sprite_vas_cash_step3 { width: 195px; height: 193px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3358px -2px; } .sprite_vas_cash_step1 { width: 195px; height: 180px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2674px -219px; } .sprite_vas_cash_step2 { width: 195px; height: 180px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2873px -219px; } .sprite_vas_bump_example { width: 700px; height: 150px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3557px -2px; } .sprite_vas_circle-big { width: 150px; height: 150px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1990px -242px; } .sprite_vas_plus_de_vues { width: 150px; height: 150px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2144px -242px; } .sprite_vas_plus_rapide { width: 150px; height: 150px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2298px -242px; } .sprite_vas_prix_voulez { width: 150px; height: 150px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2452px -242px; } .sprite_vas_plus_d_acheteurs { width: 150px; height: 148px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3072px -219px; } .sprite_vas_highlight_example { width: 664px; height: 121px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3557px -154px; } .sprite_vas_bump_icon_120 { width: 132px; height: 120px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3358px -197px; } .sprite_vas_highlight_icon_120 { width: 290px; height: 120px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3557px -279px; } .sprite_vas_landing_cash_blue { width: 100px; height: 100px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3226px -219px; } .sprite_vas_landing_cc_blue { width: 100px; height: 100px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4261px -2px; } .sprite_vas_landing_cc_yellow { width: 100px; height: 100px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4261px -104px; } .sprite_vas_landing_sms_blue { width: 100px; height: 100px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4261px -208px; } .sprite_vas_landing_sms_yellow { width: 100px; height: 100px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4365px -2px; } .sprite_vas_cash_icon_125 { width: 94px; height: 96px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4365px -104px; } .sprite_vas_cash_icon { width: 94px; height: 94px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4365px -204px; } .sprite_vas_cc_icon { width: 94px; height: 94px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4365px -302px; } .sprite_vas_sms_icon { width: 94px; height: 94px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4469px -2px; } .sprite_vas_sms { width: 71px; height: 91px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4261px -312px; } .sprite_vas_debitcard { width: 90px; height: 66px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3226px -323px; } .sprite_vas_bump_picto { width: 64px; height: 64px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2606px -242px; } .sprite_vas_highlight_picto { width: 64px; height: 64px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2606px -310px; } .sprite_vas_bump_icon { width: 62px; height: 62px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3358px -321px; } .sprite_vas_highlight_icon { width: 107px; height: 62px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4567px -2px; } .sprite_vas_bump { width: 62px; height: 61px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4469px -98px; } .sprite_vas_cash_amanpay_logo { width: 248px; height: 60px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4678px -2px; } .sprite_vas_cash_amanpay_logo2 { width: 60px; height: 60px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3494px -197px; } .sprite_vas_avito_logo { width: 219px; height: 55px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4678px -64px; } .sprite_vas_circle { width: 50px; height: 50px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3494px -261px; } .sprite_vas_bump_picto_45 { width: 45px; height: 45px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3494px -315px; } .sprite_vas_highlight_picto_45 { width: 45px; height: 45px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4469px -163px; } .sprite_vas_cash_picto_45 { width: 33px; height: 34px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3494px -364px; } .sprite_vas_sms_picto_45 { width: 45px; height: 33px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3072px -371px; } .sprite_vas_picto_bump { width: 25px; height: 25px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2606px -378px; } .sprite_vas_picto_highlight { width: 20px; height: 25px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3330px -219px; } .sprite_vas_blue-check { width: 24px; height: 24px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3330px -248px; } .sprite_vas_orange-check { width: 24px; height: 24px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3330px -276px; } .sprite_vas_white_picto_highlight { width: 14px; height: 18px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3330px -304px; } .sprite_vas_white_picto_bump { width: 12px; height: 17px; background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3330px -326px; } /* 3 images in sprite, original size 25569 bytes */ .sprite_vas_ai_pack_basic { width: 97px; height: 97px; background: url("/img/vas_ai.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2px -2px; } .sprite_vas_ai_pack_premium { width: 97px; height: 97px; background: url("/img/vas_ai.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -103px -2px; } .sprite_vas_ai_pack_standard { width: 97px; height: 97px; background: url("/img/vas_ai.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -204px -2px; } /* 9 images in sprite, original size 26955 bytes */ .sprite_ai_popup_Image_16 { width: 36px; height: 36px; background: url("/img/ai_popup.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2px -2px; } .sprite_ai_popup_Image_17 { width: 36px; height: 36px; background: url("/img/ai_popup.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -42px -2px; } .sprite_ai_popup_Image_18 { width: 36px; height: 36px; background: url("/img/ai_popup.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -82px -2px; } .sprite_ai_popup_Image_19 { width: 36px; height: 36px; background: url("/img/ai_popup.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -122px -2px; } .sprite_ai_popup_Image_20 { width: 36px; height: 36px; background: url("/img/ai_popup.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -162px -2px; } .sprite_ai_popup_Image_21 { width: 36px; height: 36px; background: url("/img/ai_popup.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -202px -2px; } .sprite_ai_popup_Image_22 { width: 36px; height: 36px; background: url("/img/ai_popup.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -242px -2px; } .sprite_ai_popup_Image_23 { width: 36px; height: 36px; background: url("/img/ai_popup.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -282px -2px; } .sprite_ai_popup_Image_24 { width: 36px; height: 36px; background: url("/img/ai_popup.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -322px -2px; } /* Docs */ /* ========================================================================== Docs CSS that shouldn't be in the bootstrap but is needed for our sites anyways. This is not country specific. All sites will get this CSS. ========================================================================== */ /* Common ========================================================================== */ .bg-repeat { background: url('/img/body_bg.png') repeat #f7f5f1; } .bg-white { background: #ffffff; } /* Remove when fixed in Bootstrap */ .panel-heading-small .close { line-height: 15px; } /* Issue #606 */ .lh18 { line-height: 18px; } /* Issue #607 */ .lh36 { line-height: 36px; } /* Issue #607 */ /* Poll box in the bottom right corner */ .poll_box { position: fixed; bottom: 0; right: 10px; z-index: 10; max-width: 230px; } /* Indexpage ========================================================================== */ /* Stats */ .page-stats { height: 94px; background: url("/img/small_bg_dark.png") left bottom repeat-x #4e575d; } .page-stats p { margin: 22px 0 11px; font-size: 36px; color: #fff; } .page-stats h5 { color: #abb0b4; font-size: 16px; } .page-stats h6 { color: #abb0b4; font-size: 12px; } .ma_mobile_dl { height: 94px; width: 100%; background: url("/img/ma_mobile_dl.png") left bottom repeat-x; } .world-sites { color: #9a9a9a; border-top: 1px solid #ededed; } .world-sites a { color: #9a9a9a; font-weight: normal; font-size: 11px; } .world-sites small { line-height: 20px; } .index-footer .navbar-inner { border: none; } .page-intro { height: 90px; } .page-intro h2 { width: 100%; color: #fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); } .page-intro p { margin: 0; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2); } .page-intro-searchbox { height: 60px; } .page-regions .regions a { color: #4e575d; } .page-regions .region-list a { font-weight: normal; } /* This button should be in the Bootstrap */ .ai_btn { display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 16px; color: #765317; background: #ffe889; padding: 16px 16px 14px; text-align: center; border-bottom: 3px solid #d5be63; text-shadow: 1px 1px 0px #fcedc4; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .ai_btn:visited { color: #765317; } .ai_btn:hover { background: #f1d873; border-color: #cab560; color: #624513; text-decoration: none; text-shadow: none; } .ai_wrapper { position: absolute; top: 41px; right: 0px; z-index: 10; -webkit-backface-visibility: hidden; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); outline: 1px solid transparent; } .ai_wrapper i { position: relative; top: 16px; left: 50%; margin-left: -53px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } .ai_wrapper:hover i { top: 10px; } .ai_wrapper:hover .ai_btn { background: #f1d873; border-color: #cab560; color: #624513; text-decoration: none; text-shadow: none; } /* Categories */ .page-categories { padding-top: 0px; margin: 0; margin-left: -50px; } .page-categories .container { width: 696px; } .page-categories .categories { margin-left: -27px; } .page-categories a { width: 196px; float: left; margin: 4px 0 20px 27px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .page-categories a:hover { text-decoration: none; background: #f4f7f9; } .page-categories .top { height: 98px; position: relative; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .page-categories .top i { margin-top: 6px; } .page-categories .top span.av-badge-new { position: absolute; right: 9px; } .page-categories .bottom { height: 41px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; text-shadow: 0px 1px rgba(255, 255, 255, 0.2); background: #f4f7f9; border-top: 1px solid #f4f7f9; } .page-categories .bottom h3 { font-size: 12px; line-height: 39px; text-transform: uppercase; } .page-categories .green { color: #357445; } .page-categories .green .top { background: #a1dd9e; border-bottom: 1px solid #85be88; } .page-categories .green .bottom { background: #98cf95; } .page-categories .green:hover .top { background: #8fd68b; border-color: #74b578; } .page-categories .green:hover .bottom { background: #87c783; } .page-categories .red { color: #8d4730; } .page-categories .red .top { background: #f6a991; border-bottom: 1px solid #d3937f; } .page-categories .red .bottom { background: #e8a18a; } .page-categories .red:hover .top { background: #f49779; border-color: #cc836c; } .page-categories .red:hover .bottom { background: #e49075; } .page-categories .yellow { color: #8b712d; } .page-categories .yellow .top { background: #ffe296; border-bottom: 1px solid #e3c77e; } .page-categories .yellow .bottom { background: #f6da92; } .page-categories .yellow:hover .top { background: #ffdb7d; border-color: #debe69; } .page-categories .yellow:hover .bottom { background: #f4d27a; } .page-categories .brown { color: #857b62; clear: left; } .page-categories .brown .top { background: #e8dbb9; border-bottom: 1px solid #c7bb9b; } .page-categories .brown .bottom { background: #ded2b2; } .page-categories .brown:hover .top { background: #e2d1a6; border-color: #beb08b; } .page-categories .brown:hover .bottom { background: #d6c8a0; } .page-categories .blue { color: #327e98; } .page-categories .blue .top { background: #a2d7e9; border-bottom: 1px solid #8bbbcb; } .page-categories .blue .bottom { background: #99cee0; } .page-categories .blue:hover .top { background: #8dcee4; border-color: #79b1c3; } .page-categories .blue:hover .bottom { background: #85c5da; } .page-categories .purple { color: #9f4a57; } .page-categories .purple .top { background: #e5b1b9; border-bottom: 1px solid #c0959b; } .page-categories .purple .bottom { background: #daaab1; } .page-categories .purple:hover .top { background: #df9ea8; border-color: #b6858c; } .page-categories .purple:hover .bottom { background: #d298a1; } /* Testimonials */ .page-testimonials { padding: 45px 0; color: #66727A; background: #f4f7f9; border-top: 1px solid #eaeaea; } .page-testimonials cite { color: #86929a; } .page-testimonials .testimonials { font-size: 15px; } .page-testimonials .testimonials i { width: 82px; } .page-testimonials .testimonials div { width: 379px; margin: 7px 0 0 18px; } .page-testimonials h4 { margin: 16px 0 55px; font-weight: normal; font-size: 24px; text-align: center; } /* Header and Footer ========================================================================== */ .navbar-top .brand { margin-top: 9px; } .footer-fonticon-links { margin-top: 17px !important; } .footer-fonticon-links li { padding: 0px !important; } .footer-fonticon-links a:hover, .footer-fonticon-links a:focus { text-decoration: none !important; } .footer-fonticon-links a:hover i.fonticon-facebook, .footer-fonticon-links a:focus i.fonticon-facebook { color: #3b5998; } .footer-fonticon-links a:hover i.fonticon-twitter, .footer-fonticon-links a:focus i.fonticon-twitter { color: #00acee; } .footer-fonticon-links a i { font-size: 18px; } /* Adview ========================================================================== */ .carousel .carousel-inner { width: 620px; } .carousel .carousel-inner-fullwidth { width: 100%; } .price-header { border-bottom: 1px solid #cfcfcf; padding-bottom: 12px; margin-bottom: 16px; } /* Adview price label TODO: Bootstrap the shit out of this, this is a quickfix due to lack of time. */ .vi-price-label { position: absolute; z-index: 10; height: 46px; width: 180px; top: 9px; right: -8px; color: #fff; font-size: 18px; background: #74bed7; border-radius: 3px 3px 0 3px; line-height: 46px; } .vi-price-label:after { content: ' '; position: absolute; width: 0; height: 0; right: 0px; top: 46px; border-width: 4px; border-style: solid; border-color: #538799 transparent transparent #538799; } /* Listingpage ========================================================================== */ /* This button should be put into Bootstrap */ .ai-btn-wrapper { display: block; padding-top: 96px; } .ai-btn-wrapper:hover, .ai-btn-wrapper:focus { text-decoration: none; } .ai-btn-wrapper i { position: absolute; z-index: 10; top: 0px; left: 46px; transition: all 0.1s ease 0s; } .ai-btn-wrapper .btn { height: 54px; line-height: 54px; background: #FFE889; color: #765317; font-size: 16px; padding: 0px; box-shadow: none; text-shadow: 1px 1px 0 #FCEDC4; border: none; border-bottom: 3px solid #D5BE63; transition: all 0.1s ease 0s; } .ai-btn-wrapper .btn:hover, .ai-btn-wrapper .btn:active, .ai-btn-wrapper .btn:focus { background: #F1D873; border-color: #CAB560; color: #624513; text-shadow: none; padding: 0; } a.ai-btn-wrapper:hover i { top: -6px; } a.ai-btn-wrapper:hover .btn { background: #F1D873; border-color: #CAB560; color: #624513; text-shadow: none; padding: 0; } .linkshelf td { background: #fff !important; } .linkshelf td span.av-badge-new { position: absolute; margin-left: 110px; margin-top: -15px; } .linkshelf td .new_construction_link { position: relative; } .listing-filtering { border-bottom: 1px solid #cfcfcf; } .categories_wrap { padding: 35px 0 30px; background-color: #fbfaf6; border-top: 1px solid #eae5d9; background: #fbfaf8; border-color: #e9e7e4; } /* Searchbox */ .searchbox .search-row { margin-left: -8px; *zoom: 1; } .searchbox .search-row:before, .searchbox .search-row:after { display: table; content: ""; line-height: 0; } .searchbox .search-row:after { clear: both; } .searchbox .hide { display: none; } .searchbox h2 { font-size: 21px; color: #ffffff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); } .searchbox .search-span { margin-left: 8px; float: left; min-height: 1px; width: 300px; } .searchbox .search-span #catgroup, .searchbox .search-span #searcharea_expanded { height: 40px; line-height: 40px; padding: 9px 4px; border: 1px solid white; } .searchbox .search-span #searchtext { height: 40px; line-height: 28px; border: 1px solid white; } .searchbox .search-span #searchtext:focus { padding: 5px 6px; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.60); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.60); box-shadow: 0 0 4px rgba(0,0,0,0.60); } .searchbox .search-types { width: 608px; } .searchbox .search-button { width: 50px; } .searchbox .search-button button { height: 40px; box-shadow: none; border: none; border-bottom: 2px solid #9a9a9a; -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 0 rgba(0,0,0,0.1); } .searchbox .search-button button:hover { background: #cccccc; } .searchbox .search-button button:active { background: #9a9a9a; } .searchbox #types { margin-left: -10px; height: 32px; margin-bottom: 6px; } .searchbox #types label { color: #ffffff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); margin-top: 5px; margin-left: 10px; } /* Mypages ========================================================================== */ .listing-thumbs-small .item-age .mtxxs { margin-top: 2px; } .status-refused a { color: #fff; } /* Newad ========================================================================== */ .imageupload { position: absolute; left: 0; top: 0; margin: 0 !important; opacity: 0; width: 100% !important; height: 100%; font-size: 99px; overflow: hidden; filter: alpha(opacity=0); border: none; cursor: pointer; cursor: hand; } .image_previews_container { line-height: 20px; } .js-aiupload-btn { line-height: 15px; width: 95px; } /* DFP ========================================================================== */ .gpt-ad-leaderboard { width: 752px !important; } .gpt-ad-sidebar { margin-left: 1px; } .gpt-ad-leaderboard, .gpt-ad-sidebar { text-align: center; background-color: #ffffff; margin-bottom: 15px; border: 1px solid #cfcfcf; } .dfpcenter { width: 73%; margin: 0 auto; } #nav_header_ai .glyph-edit { font-size: 18px !important; } /* generale class */ .circle-big { width: 150px; height: 150px; margin: 10px auto; } .grey { background: #F4F5F8; } .grey-bold { background: #CBCCCE; } .blue { color: #0088E8; } .blue-bold { color: #4F9DE2; } .blue-after:after { background: #4F9DE2; } .blue-border { border: 1px solid #0088E8; } .blue-background { background: #0088E8; } .yellow { color: #FFCC80; } .yellow-after:after { background: #FFCC80; } .yellow-border { border: 1px solid #FFCC80; } .yellow-background { background: #FFCC80; } /** landing page page **/ .service-page-container { background: #ccc; font-weight: 300; } .service-page-container div#content { text-align: center; width: 980px; margin: auto; line-height: 25px; font-family: 'Roboto', sans-serif; } .service-page-container div#header { height: 350px; color: #fff; position: relative; } .service-page-container div#intro p { font-size: 39px; line-height: 57px; font-weight: 400; } .service-page-container .renew-btn { display: table; margin: auto; text-decoration: none; color: #fff; background: #2767A1; padding: 15px 22px; border-radius: 4px; font-size: 17px; text-transform: uppercase; font-weight: 400; } .service-page-container #intro .service-page-container .renew-btn { min-width: 160px; position: relative; margin-top: 30px; } .service-page-container div#intro { position: absolute; top: 50%; left: 50%; width: 930px; margin-top: -120px; margin-left: -475px; } .service-page-container div#sec2 { background: #fff; color: #818181; font-weight: 300; } .service-page-container .section { padding: 20px; text-align: center; } .service-page-container div#sec1 { background: url(/img/head.png) no-repeat center; background-size: cover; } .service-page-container h2 { font-size: 34px; font-weight: 500; } .service-page-container div#sec2 h2 { color: #525D7D; } .service-page-container div#sec3 { background: #F4F5F8; color: #818181; } .service-page-container #sec3 h2 { color: #525D7D; } .service-page-container div.section h2:after { content: ' '; display: block; height: 1px; width: 70px; margin: 20px auto 0; } .service-page-container h3 { color: #5592C4; font-size: 14px; font-weight: 700; text-align: center; min-height: 40px; } .service-page-container a.renew-btn.price { width: 100px; height: 25px; padding: 5px; text-align: center; background: #5592C4; line-height: 25px; } .service-page-container .feature ul li { list-style: none; margin-bottom: 15px; } .service-page-container div#sec4 { background: #fff; color: #818181; } .service-page-container #sec4 h2 { color: #525D7D; } .service-page-container h4 { color: #959595; font-weight: 500; font-size: 20px; } .service-page-container .option { width: 270px; padding: 20px; line-height: 19px; font-size: 13px; } .service-page-container .number { font-size: 70px; font-weight: 500; padding: 20px; margin-bottom: 20px; } .service-page-container div#packs { margin-top: 30px; } .service-page-container .pack { width: 300px; font-size: 13px; padding: 20px 40px; line-height: 17px; } .service-page-container .img { height: 100px; padding-bottom: 20px; } .service-page-container div#sec5 { background: #F5F5F5; padding-bottom: 50px; } .service-page-container .advantages { margin-top: 25px; } .service-page-container .advantage { font-size: 14px; color: #717171; padding: 10px; width: 215px; } .service-page-container .advantage img { margin-bottom: 10px; } #sec3 span b { font-weight: bold; } /* landind page */ #services-avito { border: 1px solid #DADADA; padding-bottom: 10px; background: #FFF; } #services-avito .services-section { padding: 30px; } #services-avito .services-header { background: #2E81D2; padding-bottom: 30px; } #services-avito .services-header .services-title { margin-top: 60px; margin-bottom: 60px; } #services-avito .services-header .services-title span { font-size: 36px; color: #FFFFFF; line-height: 1; } #services-avito .services-breadcrumb-title { position: relative; top: 20px; } #services-avito .services-breadcrumb-title span { font-size: 20px; color: #434A54; letter-spacing: 0px; } #services-avito .services-breadcrumb { padding-bottom: 0px; padding-top: 15px; } #services-avito .clickable { cursor: pointer; } #services-avito .services-breadcrumb-element { padding-bottom: 10px; } #services-avito .services-breadcrumb-picto { margin-right: 25px; } #services-avito .services-breadcrumb #bump.active { border-bottom: 3px solid #0088E8; } #services-avito .services-breadcrumb #highlight.active { border-bottom: 3px solid #FFCC80; } #services-avito .service-page-content { background: white; width: 920px; } #services-avito .service-page-content .content, #services-avito .service-page-details { width: 920px; } #services-avito .service-page-content[data-default="true"] { display: block; } #services-avito .bump-example, #services-avito .highlight-example { margin-top: 30px; margin-bottom: 40px; } #services-avito .service-page-container .service-page-details { overflow: hidden; background: white; } #services-avito .service-page-container .bump-example i { border: 3px solid #0088E8; } #services-avito .service-page-container .highlight-example i { border: 3px solid #FFCC80; } #services-avito .service-page-container .content { with: 100%; } #services-avito .service-page-container .feature { width: 260px; position: relative; background: #FFF; } #services-avito .service-page-container .feature .feature-content { padding: 20px; background: #FFF; padding-bottom: 50px; } #services-avito .service-page-container .service-page-details-container.highlight-active .feature .feature-content { height: 150px; } #services-avito .service-page-container .feature .feature-price { padding: 5px; color: #FFF; position: absolute; width: 250px; bottom: 0px; font-weight: bold; } #services-avito .service-page-container .feature-footer { font-style: italic; padding: 15px; } #services-avito .service-page-details-container { transition-duration: 0.5s; } #services-avito .service-page-details-container.bump-active { transform: translateX(0); } #services-avito .service-page-details-container.highlight-active { transform: translateX(-920px); } /*! jQuery UI - v1.10.3 - 2013-07-10 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.menu.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: alpha(opacity=0); } .ui-front { z-index: 2000; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-autocomplete { position: absolute; top: 0; cursor: default; } [dir="ltr"] .ui-autocomplete { left: 0; } [dir="rtl"] .ui-autocomplete { right: 0; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: alpha(opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: alpha(opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter: alpha(opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: ; } .ui-widget-header .ui-icon { background-image: ; } .ui-state-default .ui-icon { background-image: ; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: ; } .ui-state-active .ui-icon { background-image: ; } .ui-state-highlight .ui-icon { background-image: ; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: ; } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa 50% 50% repeat-x; opacity: .3; filter: alpha(opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa 50% 50% repeat-x; opacity: .3; filter: alpha(opacity=30); border-radius: 8px; } .firstcontact_container { min-height: 600px; padding-top: 20px; font-family: Roboto !important; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; font-weight: normal; display: flex; } .firstcontact_container .message_sent { height: 240px; background-color: #ffffff; border: solid 1px #f8f8f8; padding: 40px 30px; } .firstcontact_container .message_sent form { display: inline-block; } .firstcontact_container .message_sent div.image { float: right; padding-right: 30px; } .firstcontact_container .message_sent div.image img { width: 229px; height: 224px; object-fit: contain; } .firstcontact_container .message_sent div.info { display: inline-block; width: 53%; } .firstcontact_container .message_sent div.info .title h3 { font-size: 24px; font-weight: bold; color: #111111; } .firstcontact_container .message_sent div.action_buttons { margin-top: 20px; } .firstcontact_container .message_sent form#backToAd { margin-right: 50px; } .firstcontact_container .btn_back_to_ad { width: 230px; height: 40px; background-color: #eaeaea; font-size: 16px; line-height: 1.5; text-align: center; color: #666666; border: none; border-radius: 4px; cursor: pointer; outline: none; } .firstcontact_container .btn_account { width: 167px; height: 40px; background-color: #1d72db; font-size: 16px; font-weight: 500; line-height: 1.13; text-align: center; color: #fcfcfc; cursor: pointer; border-radius: 4px; outline: none; } .firstcontact_container .contact_form_card { min-height: 630px; padding: 25px; background-color: #ffffff; border: solid 1px #f8f8f8; margin-left: 0; } .firstcontact_container .contact_form_card .title { min-height: 24px; font-size: 20px; font-weight: bold; color: #111111; } .firstcontact_container .contact_form_card label { font-size: 16px; line-height: 1.5; color: #111111; } .firstcontact_container .contact_form_card textarea { height: 189px; border-radius: 4px; background-color: #f8f8f8; border: solid 1px #b6b6b6; resize: none; } .firstcontact_container .contact_form_card input.error { border-radius: 4px; border: solid 1px #c72a3d; } .firstcontact_container .contact_form_card input { width: 300px; } .firstcontact_container .contact_form_card button.btn_send_message { width: 192px; height: 40px; font-family: Roboto; background-color: #1d72db; border: none; border-radius: 4px; font-size: 16px; font-weight: 100; line-height: 1.13; text-align: center; color: #fcfcfc; cursor: pointer; outline: none; } .firstcontact_container .contact_form_card button.btn_send_message:disabled { cursor: not-allowed; } .firstcontact_container .contact_form_card .form_error { margin-top: 10px; font-size: 14px; color: #c72a3d; } .firstcontact_container .contact_form_card .attention_space { padding-top: 10px; font-size: 14px; } .firstcontact_container .contact_form_card .attention_space b { font-size: 18px; font-weight: 500; color: #111111; } .firstcontact_container .contact_form_card .attention_space .attention_text { color: #9b9b9b; font-weight: 200; } .firstcontact_container .contact_form_card .btn_row { padding-top: 12px; } .firstcontact_container .contact_form_card .details { padding-top: 10px; padding-bottom: 10px; color: #111111; } .firstcontact_container .contact_form_card .details b { font-size: 18px; font-weight: 500; } .firstcontact_container .contact_form_card .details p { font-size: 14px; } .firstcontact_container .contact_form_card .email_exists { font-size: 16px; color: #c72a3d; } .firstcontact_container .contact_form_card .email_exists a { display: block; color: #1875d2; font-weight: 400; text-decoration: underline; cursor: pointer; } .firstcontact_container .seperator { width: 100%; height: 0px; border: solid 1px #eaeaea; margin: auto; } .firstcontact_container .contact_form_card:not(:first-child) { margin-left: 28px; } .firstcontact_container .contact_form_card input, .firstcontact_container .contact_form_card input:focus { padding-left: 40px; } .firstcontact_container .iconSvg { padding: 5px 5px 5px 5px !important; position: absolute; pointer-events: none; height: 24px; width: 24px; } .firstcontact_container .form-group { padding: 8px 12px 2px 2px; } .firstcontact_container .ads_title_desc { font-size: 18px; display: block; } .firstcontact_container .ads_price { font-size: 18px; color: #1e88e5; } .firstcontact_container .ads_date { font-size: 16px; color: #9b9b9b; margin-bottom: 5px 0 !important; } .firstcontact_container .pd { padding-left: 30px; } .firstcontact_container .ads_desc { padding-top: 15px; word-break: break-all; word-wrap: break-word; } .firstcontact_container .ads_location { padding-top: 15px; } .firstcontact_container .upload-btn-wrapper .btn-upload { display: inline-block; border: 1px solid #1d72db; color: #1d72db; background-color: white; padding: 8px 24px; border-radius: 6px; font-size: 13px; cursor: pointer; } .firstcontact_container .upload-btn-wrapper #filename { display: inline-block; } .firstcontact_container .upload-btn-wrapper input[type=file] { font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0; display: none; } #vasProductCatalogueComponent .circle-loader { margin-top: 10%; } #vasProductCatalogueComponent { background: white; } #vasProductCatalogueComponent .jumbo-container { width: 68%; padding-bottom: 20px; } #vasProductCatalogueComponent .jumbo-container button { width: 120px; text-transform: uppercase; } /* The Language Modal (background) */ .lang_modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: #000000; /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ } /* Modal Content/Box */ .lang_modal-content { background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 20%; } /* The Close Button */ .lang_close { position: absolute; top: 5px; right: 10px; font-size: 1.8em !important; color: black !important; float: right; } .lang_close:hover, .lang_close:focus { color: black; text-decoration: none; cursor: pointer; } .lang_text_ar { color: #3B424B; font-size: 22px; font-weight: bold; text-align: center; } .lang_text_fr { color: #3B424B; font-size: 17px; font-weight: bold; } .btn_lang_ar { width: 100%; min-height: 65px; color: white !important; font-weight: bold !important; font-size: 1.4em !important; } .btn_lang_fr { background: #3cae56; width: 100%; min-height: 65px; color: white !important; font-weight: bold !important; font-size: 1.4em !important; } .btn_lang_fr:hover, .btn_lang_fr:focus { background: #3cae56; } /* Header > Boutiques anchro styling */ .stores { position: relative; display: inline-block; } .stores .tooltiptext { visibility: hidden; width: 212px; background-color: #fff; color: #999; font-weight: normal; font-size: 13px; top: 65px; right: -10px; position: absolute; z-index: 1; line-height: 150%; transition: transform 200ms ease-out; border: 1px solid #dce0e0; padding: 14px; border-radius: 4px; box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.04); } .tooltiptext:after, .tooltiptext:before { bottom: 100%; left: 83%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tooltiptext:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; } .tooltiptext:before { border-color: rgba(220, 224, 224, 0); border-bottom-color: #dce0e0; border-width: 11px; margin-left: -11px; } .stores:hover .tooltiptext { visibility: visible; } /* Country specific */ .brand-header { border-bottom: 2px solid #88ADDA; } .brand-search { background: url('/img/searchbox_bg.png') repeat #3480c4; border-top: 2px solid #2b6cb0; } .categories_wrap { height: 420px; } .warn_seller { margin-top: 5px; margin-left: 16px; } .warn_seller > h4 { color: red; } .warn_seller > p { text-align: justify; margin: 0px; margin-right: 20px; font-size: 13px; } .bold { font-weight: bold; } /* Fix push for sticky footer on listingpage categories_wrap height + 66 + 65 + 25 = .push height add 1 more pixel for the negative margin */ .wrap-listing-page { background-color: #f2f2f2; margin: 0 auto -401px; } .wrap-listing-page .push { display: block; margin-bottom: 35px; padding-top: 10px; margin-left: auto; margin-right: auto; max-height: 250px; max-width: 970px; } .wrap-index-page { background-color: #f2f2f2; margin: 0 auto -250px; } .wrap-index-page .push { height: 250px; } .facebookiframe { height: 70px; } /* Indexpage ========================================================================== */ .index-footer { position: relative; height: 225px; } .page-intro h2 { padding-top: 6px; margin-bottom: 10px; font-size: 40px; line-height: 35px; } .page-intro p { font-size: 21px; line-height: 32px; color: #ffffff; margin-top: 11px; } /* Category images positions */ .categories a { margin-left: 25px; } .categories .green i { margin-top: 21px; } .categories .red i { margin-top: 11px; } .categories .yellow i { margin-top: 16px; } .categories .brown i { margin-top: 12px; } .categories .blue i { margin-top: 21px; } .categories .purple i { margin-top: 24px; } /* Regions */ .nb { width: 26px; position: absolute; top: -10px; right: -10px; text-align: center; float: left; } .nb .top { width: 13px; font-size: 0; height: 5px; margin: 0 auto; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; background: #BBBBBB; -webkit-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; -ms-border-radius: 5x 5x 0 0; } .nb .value { padding: 0 0 1px 0; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; font-weight: bold; background: #bbb; color: white; } .region_list { float: left; } .region_list .region_ruler { border-top: 2px solid #4f9de2; display: block; height: 9px; margin-top: 9px; width: 120px; } .regions { margin-left: 115px; } .page-regions { padding: 10px 0 28px; } .regions a { font-weight: normal; } #region_9 { font-weight: normal; } .lang_switch_textual { background: #ECECEC; width: 110px; border: 0px solid #949494; border-radius: 6px; text-align: center; float: right; } .li-hover:hover { background-color: #F4FAFB; cursor: hand; cursor: pointer; } .li-hover.highlight:hover { background-color: #fffde7; } #checkbox_margin { margin-top: -20px; margin-left: 104px; } .cb-space { margin-bottom: 0px; } .col-space { margin-right: 20px; } /* AI connexion Box */ .align-space { margin-left: 0px; } .password-align { margin-left: 17px !important; } .mypages-connection { display: block; overflow: hidden; background: #f6f6f6; border: 1px solid #CCC; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; padding: 9px; clear: both; } span.ai-login-span { margin: 35px; } div.ai-login-passwd { margin-left: 35px; margin-top: 10px; } div#forgot_password { margin-top: 10px; margin-left: 45px; } .suffixMa { color: black; font-weight: bold; font-size: 13px; } .modal-lg { width: 880px; } .store_page_titles { border-bottom: 1px solid #cfcfcf; color: #cfcfcf; } /* SHOPS LISTING */ .item a:hover { text-decoration: none; } .item a:hover span { text-decoration: none; } .sidebaricon { float: left; display: block; margin: 10px 10px 10px 7px; } /* AI PARAMS POSITIONS */ .js-model { margin-left: 340px; margin-top: -49px; } .js-size { margin-left: 340px; position: absolute; } #btnLogInUserDropdown { padding: 10px; } .dropdownHack { left: 56%; } /* This is the visible area of you carousel. Set a width here to define how much items are visible. The width can be either fixed in px or flexible in %. Position must be relative! */ .jcarousel { position: relative; overflow: hidden; width: 890px; } /* This is the container of the carousel items. You must ensure that the position is relative or absolute and that the width is big enough to contain all items. */ .jcarousel ul { width: 20000em; position: relative; /* Optional, required in this case since it's a