From 9b46518f5ac1dfe0b4a7c0981afdebec7ed83ec8 Mon Sep 17 00:00:00 2001 From: Juleship Date: Mon, 2 Jun 2014 14:54:04 +0200 Subject: [PATCH] tooltip con freccia al posto giusto --- Frontend/css/flat-ui-overrides.styl | 5 ++++- Frontend/css/style.css | 2 +- Frontend/partials/abitazione.html | 2 +- Frontend/partials/spostamenti.html | 2 +- Frontend/partials/trasporti.html | 6 +++--- 5 files changed, 10 insertions(+), 7 deletions(-) diff --git a/Frontend/css/flat-ui-overrides.styl b/Frontend/css/flat-ui-overrides.styl index c305d0d..ca3df3a 100644 --- a/Frontend/css/flat-ui-overrides.styl +++ b/Frontend/css/flat-ui-overrides.styl @@ -112,4 +112,7 @@ hr color: inherit border-color transparent -webkit-box-shadow: none; - box-shadow: none; \ No newline at end of file + box-shadow: none; + +.tooltip.bottom .tooltip-arrow + left 10% \ No newline at end of file diff --git a/Frontend/css/style.css b/Frontend/css/style.css index dda35b1..48cff61 100644 --- a/Frontend/css/style.css +++ b/Frontend/css/style.css @@ -1,3 +1,3 @@ @import '../bootstrap/css/bootstrap.css'; @import 'flat-ui.css'; -@-moz-keyframes shake{33%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}66%{-webkit-transform:rotate(-8deg);-moz-transform:rotate(-8deg);-o-transform:rotate(-8deg);-ms-transform:rotate(-8deg);transform:rotate(-8deg)}100%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}}@-webkit-keyframes shake{33%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}66%{-webkit-transform:rotate(-8deg);-moz-transform:rotate(-8deg);-o-transform:rotate(-8deg);-ms-transform:rotate(-8deg);transform:rotate(-8deg)}100%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}}@-o-keyframes shake{33%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}66%{-webkit-transform:rotate(-8deg);-moz-transform:rotate(-8deg);-o-transform:rotate(-8deg);-ms-transform:rotate(-8deg);transform:rotate(-8deg)}100%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}}@keyframes shake{33%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}66%{-webkit-transform:rotate(-8deg);-moz-transform:rotate(-8deg);-o-transform:rotate(-8deg);-ms-transform:rotate(-8deg);transform:rotate(-8deg)}100%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}}body{height:100%}hr{border-bottom:1px #acacac solid;margin-right:-15px}.help-block{font-size:14px}.btn-primary{background:#79b31f;}.btn-primary:hover{background:#82c021}.btn-primary:active{background:#79b31f}.btn-primary:focus{background:#70a61d}.form-control{height:35px}.control-label{line-height:35px}.input-group-addon{padding-top:9px;padding-bottom:9px;background:#313131}.dropdown-toggle{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px;height:35px}.dropdown-toggle .caret{position:absolute;right:0;top:14px}.selected{float:left}.dropdown-arrow{right:80%}.dropdown-inverse li{width:94%}.select{width:229px;margin-left:-15px;margin-right:-15px;}.select .btn.btn-hg{width:100%;}.select .btn.btn-hg .filter-option{font-size:14px;top:0;line-height:35px}.form-group{margin-bottom:5px}.btn-selector{background:#404040}.form-control[disabled],.form-control[readonly],fieldset[disabled],input{color:#313131;opacity:1;-ms-filter:none;filter:none}.btn[disabled]{opacity:1;-ms-filter:none;filter:none;color:#fff}.dropdown-menu li a span,.select button span{text-transform:capitalize}.form-horizontal .has-feedback .input-group .form-control-feedback{right:55px}.glyphicon-ok::before{display:none}.has-error .input-group-addon{color:#fff;border-color:#c0392b;background-color:#c0392b}.has-success .input-group-addon{color:#fff;border-color:#313131;background-color:#313131}.has-error .form-control{color:#c0392b;border-color:#c0392b}.has-error .control-label{color:#313131}.has-success .help-block,.has-success .control-label{color:inherit}.form-horizontal .has-feedback .form-control-feedback{right:0}.has-success .form-control,.has-success .form-control:focus,.form-control.flat:focus{color:inherit;border-color:transparent;-webkit-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}#content-pusher{position:fixed;height:100%;width:100%}.pusher-open{margin-left:500px;display:block;-webkit-transition:all 600ms cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 600ms cubic-bezier(0.77, 0, 0.175, 1);-o-transition:all 600ms cubic-bezier(0.77, 0, 0.175, 1);-ms-transition:all 600ms cubic-bezier(0.77, 0, 0.175, 1);transition:all 600ms cubic-bezier(0.77, 0, 0.175, 1);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.overlay{display:none;background:#000;position:absolute;width:100%;height:100%;z-index:255;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;-ms-transition:0.6s;transition:0.6s}#left-sidebar{position:absolute;height:100%;width:100px;background:#313131;z-index:255;}#left-sidebar .logo-deactive{background:none !important}#left-sidebar #logo{background:#404040;padding-top:.1em;}#left-sidebar #logo #moreco-logo{width:80%;display:block;margin:.5em auto 0 auto}#left-sidebar #logo #moreco-caption{color:#fff;text-align:center;margin-bottom:0;margin-top:8px;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s}#left-sidebar #logo .indietro{background:#fff;color:#313131 !important;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;cursor:pointer;}#left-sidebar #logo .indietro:hover{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;background:#79b31f;color:#fff !important}#left-sidebar .new-session-active{background:#404040;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}#left-sidebar .new-session-active p{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}#left-sidebar .new-session-active:after{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;height:0;width:0;content:" ";position:absolute;bottom:-10px;left:39px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #404040}#left-sidebar #new-session{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;padding:.5em;line-height:65px;height:83px;position:relative;margin-bottom:20px;}#left-sidebar #new-session:hover{background:#404040;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}#left-sidebar #new-session:hover:after{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;height:0;width:0;content:" ";position:absolute;bottom:-10px;left:39px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #404040}#left-sidebar #new-session:hover p{-webkit-animation:shake .3s ease 1;-moz-animation:shake .3s ease 1;-o-animation:shake .3s ease 1;-ms-animation:shake .3s ease 1;animation:shake .3s ease 1}#left-sidebar #new-session p{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;cursor:pointer;font-size:7em;color:#fff;font-weight:300;line-height:65px;text-align:center;margin:0}#left-sidebar .active{background:#404040;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;border-left:5px #79b31f solid}#left-sidebar .categoria{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;cursor:pointer;display:none;}#left-sidebar .categoria #menu-famiglia,#left-sidebar .categoria #menu-abitazione,#left-sidebar .categoria #menu-trasporti,#left-sidebar .categoria #menu-spostamenti{height:60px;display:block;margin:0 auto;padding:.6em;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s}#left-sidebar .categoria .deactive{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)}#left-sidebar .categoria:hover{background:#404040;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s}#abitazione-avanti,#famiglia-avanti,#trasporti-avanti,#spostamenti-avanti{padding:.5em 0;position:fixed;bottom:0;text-align:center;width:499px;background:#ecf0f1;border-top:#acacac 1px solid}#trasporti-form,#abitazione-form,#famiglia-form,#spostamenti-form{padding-top:50px;}#trasporti-form h1,#abitazione-form h1,#famiglia-form h1,#spostamenti-form h1{position:fixed;top:0;width:499px;z-index:236}#famiglia-form{z-index:240}#abitazione-form{z-index:239}#trasporti-form{z-index:238}#spostamenti-form{z-index:237}#sponsor-sidebar{position:absolute;right:0;height:100%;background:#ecf0f1;padding-top:.5em;z-index:254;width:100px;}#sponsor-sidebar img{padding:1em 0 0;width:90%;display:block;margin:0 auto}#welcome{z-index:256;position:absolute;top:20%;width:500px;left:calc(50% - 250px);}#welcome h1{background:#313131;color:#fff;font-weight:bold;margin:0;text-align:center;font-size:40px;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;padding:.2em 0;}#welcome h1 img{height:40px;position:absolute;left:10px}#welcome p{background:#79b31f;color:#fff;padding:1em 4em;text-align:center;line-height:1.2em;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}#welcome p button{text-align:center;display:block;margin:1em auto 0}#form-container{margin-left:-600px;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;transition:0.5s}.form-container-open{display:block;margin-left:0 !important;-webkit-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);-moz-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);-ms-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275)}.form-horizontal .control-label{text-align:left;padding-top:0}.tagsinput-add,.tagsinput-remove{background:none;border:2px #2980b9 solid;-webkit-border-radius:3px;border-radius:3px;color:#2980b9;cursor:pointer;display:inline-block;font-size:14px;line-height:1;margin-top:1px;margin-bottom:1px;padding:7px 9px;vertical-align:top;-webkit-transition:0.25s linear;-moz-transition:0.25s linear;-o-transition:0.25s linear;-ms-transition:0.25s linear;transition:0.25s linear;}.tagsinput-add:hover,.tagsinput-remove:hover{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);background:none}.tagsinput-add:active,.tagsinput-remove:active{-webkit-transition:0.1s ease;-moz-transition:0.1s ease;-o-transition:0.1s ease;-ms-transition:0.1s ease;transition:0.1s ease;opacity:1;-ms-filter:none;filter:none}.tagsinput-add{margin-left:10px}.tagsinput-remove:before{content:"\e600";font-family:"Flat-UI-Icons"}.form{position:absolute;width:500px;background:#ecf0f1;border-right:1px #acacac solid;margin-left:100px;height:100%;overflow:scroll;}.form h1{background:#79b31f;color:#fff;margin:0;font-size:35px;padding:10px 36px;font-weight:regular}.form .form-campi{padding:36px 36px 80px;}.form .form-campi label{font-size:16px;font-weight:bold}#famiglia-caller .form-group .col-sm-6 .form-control-feedback{right:112px}.famiglia-input{width:100px;display:block;float:left}#costo-conosciuto{display:none}#titolo-auto,#titolo-mezzi,#titolo-spostamento{font-size:1.6em;margin:.4em 0;}#titolo-auto .tagsinput-add,#titolo-mezzi .tagsinput-add,#titolo-spostamento .tagsinput-add{color:#79b31f;border-color:#79b31f;font-size:.3em}#aggiungi-auto,#aggiungi-abbonamento,#aggiungi-spostamento{display:none}.conferma-trasporti{margin-top:20px;margin-bottom:50px;}.conferma-trasporti div{display:inline-block}.tabella-auto,.tabella-mezzo{position:relative;margin-right:15px;margin-left:15px;margin-bottom:20px;margin-top:10px;padding-left:60px;padding-bottom:5px;border-bottom:2px #acacac solid;}.tabella-auto p,.tabella-mezzo p{margin-bottom:0}.tabella-attivita{position:relative;margin-right:15px;margin-left:15px;margin-bottom:20px;margin-top:10px;padding-bottom:5px;border-bottom:2px #acacac solid;}.tabella-attivita p{margin-bottom:0}.nome-auto,.nome-mezzo,.nome-attivita{font-size:1.1em;margin:0;position:relative}.icon-auto,.icon-mezzo{-webkit-border-radius:50%;border-radius:50%;height:45px;width:45px;position:absolute;left:0}.modifica-auto,.modifica-mezzo,.modifica-attivita{position:absolute;right:15px;line-height:52px;top:0;}.modifica-auto .fui-cross,.modifica-mezzo .fui-cross,.modifica-attivita .fui-cross{color:#c0392b}.modifica-auto span,.modifica-mezzo span,.modifica-attivita span{padding-left:10px;}.modifica-auto span:hover,.modifica-mezzo span:hover,.modifica-attivita span:hover{opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60)}.icon-auto{content:url("../img/tabella_auto.svg")}.icon-mezzo{content:url("../img/tabella_bus.svg")}#container-risultato{position:absolute;left:100px;top:1em;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;margin-right:130px;width:calc(100% - 221px);z-index:-1}.tile-risultato{background:#ecf0f1;width:450px;-webkit-border-radius:10px;border-radius:10px;display:inline-block;margin-left:1em;}.tile-risultato:last-child{margin-right:1em}.titolo-tile,#confronto-title{margin-bottom:0;margin-top:0;padding:.3em .8em;background:#79b31f;color:#fff;font-size:1em;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;position:relative;}.titolo-tile .edit-tile,#confronto-title .edit-tile{position:absolute;right:.8em;font-weight:300;}.titolo-tile .edit-tile span,#confronto-title .edit-tile span{margin-left:.5em;}.titolo-tile .edit-tile span:hover,#confronto-title .edit-tile span:hover{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.titolo-tile .edit-tile span:active,#confronto-title .edit-tile span:active{opacity:1;-ms-filter:none;filter:none}.categorie-residenza,.categorie-spostamenti,.categorie-auto,.categorie-mezzi{padding:0 .8em;margin-top:1em;margin-bottom:.7em;}.categorie-residenza .costo-sezione,.categorie-spostamenti .costo-sezione,.categorie-auto .costo-sezione,.categorie-mezzi .costo-sezione{font-weight:bold;font-size:2em;margin:0;line-height:1.3em}.categorie-residenza .costo-auto-dettaglio,.categorie-spostamenti .costo-auto-dettaglio,.categorie-auto .costo-auto-dettaglio,.categorie-mezzi .costo-auto-dettaglio{font-size:14px;font-weight:300;line-height:1em;margin-top:0;margin-bottom:.4em}.categorie-residenza .titolo-spostamenti,.categorie-spostamenti .titolo-spostamenti,.categorie-auto .titolo-spostamenti,.categorie-mezzi .titolo-spostamenti,.categorie-residenza .titolo-residenza,.categorie-spostamenti .titolo-residenza,.categorie-auto .titolo-residenza,.categorie-mezzi .titolo-residenza,.categorie-residenza .titolo-auto,.categorie-spostamenti .titolo-auto,.categorie-auto .titolo-auto,.categorie-mezzi .titolo-auto,.categorie-residenza .titolo-mezzi,.categorie-spostamenti .titolo-mezzi,.categorie-auto .titolo-mezzi,.categorie-mezzi .titolo-mezzi{font-size:1.1em;font-weight:300;margin:0;line-height:.5em;position:relative;margin-left:1.1em;}.categorie-residenza .titolo-spostamenti::before,.categorie-spostamenti .titolo-spostamenti::before,.categorie-auto .titolo-spostamenti::before,.categorie-mezzi .titolo-spostamenti::before,.categorie-residenza .titolo-residenza::before,.categorie-spostamenti .titolo-residenza::before,.categorie-auto .titolo-residenza::before,.categorie-mezzi .titolo-residenza::before,.categorie-residenza .titolo-auto::before,.categorie-spostamenti .titolo-auto::before,.categorie-auto .titolo-auto::before,.categorie-mezzi .titolo-auto::before,.categorie-residenza .titolo-mezzi::before,.categorie-spostamenti .titolo-mezzi::before,.categorie-auto .titolo-mezzi::before,.categorie-mezzi .titolo-mezzi::before{height:1em;width:1em;-webkit-border-radius:50%;border-radius:50%;position:absolute;left:-1.1em;top:-.3em;content:" "}.titolo-residenza::before,#confronto-residenza::before{background:#2c3e4e}.titolo-auto::before,#confronto-auto::before{background:#9b59b6}.titolo-mezzi::before,#confronto-trasporti::before{background:#36cc71}.risultato-sum-up{background:#313131;color:#fff;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;padding:0 .8em;}.risultato-sum-up p{text-align:center;margin:0}.categorie-container{float:left;width:200px;margin:.8em 0;border-right:2px solid #acacac}.risultato-graph{padding:.5em;float:left;width:250px;text-align:center;}.risultato-graph p{margin-bottom:0}#costo-annuale{font-size:1.5em;line-height:1em;padding:.4em 0 .1em}.green{color:#79b31f}#container-confronto{position:absolute;bottom:0;left:120px;right:120px;height:230px;margin-bottom:0}#confronto-content{background:#ecf0f1;height:200px}#confronto-legenda{padding-top:1em}#confronto-residenza,#confronto-auto,#confronto-trasporti{list-style-type:none;font-weight:300;margin:0;position:relative;margin-left:1.1em;}#confronto-residenza::before,#confronto-auto::before,#confronto-trasporti::before{height:1em;width:1em;-webkit-border-radius:50%;border-radius:50%;position:absolute;left:-1.1em;top:.3em;content:" "}#confronto-legenda{position:relative;height:100%;position:relative;float:left;margin-bottom:0}#confronto-grafici-container{float:left;position:relative;margin-left:2em;margin-top:1em;height:60%;border-bottom:1px solid #acacac}.confronto-grafico{height:100%;margin:0 2em;width:100px;content:" ";float:left;position:relative;bottom:0;}.confronto-grafico .residenza-grafico{background:#2c3e4e;height:20%;width:100px;content:" "}.confronto-grafico .auto-grafico{background:#9b59b6;height:60%;width:100px;content:" "}.confronto-grafico .trasporti-grafico{background:#36cc71;height:20%;width:100px;content:" "}#confronto-grafici-testo{position:absolute;left:225px;bottom:.8em}.confronto-didascalia{float:left;position:relative;text-align:center;width:140px;margin:0 16px;font-size:.8em;line-height:1em}#confirm{z-index:256;position:absolute;top:20%;width:500px;left:calc(50% - 250px);}#confirm h1{background:#313131;color:#fff;font-weight:bold;margin:0;text-align:center;font-size:40px;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;padding:.2em 0;}#confirm h1 img{height:40px;position:absolute;left:10px}#confirm p{background:#79b31f;color:#fff;padding:1em 4em;text-align:center;line-height:1.2em;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}#confirm p button{text-align:center;display:inline-block;margin:1em auto 0}#confirm p .annulla{color:#313131}#big-overlay{background:#313131;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);z-index:256;position:absolute;height:100%;width:100%;display:none} \ No newline at end of file +@-moz-keyframes shake{33%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}66%{-webkit-transform:rotate(-8deg);-moz-transform:rotate(-8deg);-o-transform:rotate(-8deg);-ms-transform:rotate(-8deg);transform:rotate(-8deg)}100%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}}@-webkit-keyframes shake{33%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}66%{-webkit-transform:rotate(-8deg);-moz-transform:rotate(-8deg);-o-transform:rotate(-8deg);-ms-transform:rotate(-8deg);transform:rotate(-8deg)}100%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}}@-o-keyframes shake{33%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}66%{-webkit-transform:rotate(-8deg);-moz-transform:rotate(-8deg);-o-transform:rotate(-8deg);-ms-transform:rotate(-8deg);transform:rotate(-8deg)}100%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}}@keyframes shake{33%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}66%{-webkit-transform:rotate(-8deg);-moz-transform:rotate(-8deg);-o-transform:rotate(-8deg);-ms-transform:rotate(-8deg);transform:rotate(-8deg)}100%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}}body{height:100%}hr{border-bottom:1px #acacac solid;margin-right:-15px}.help-block{font-size:14px}.btn-primary{background:#79b31f;}.btn-primary:hover{background:#82c021}.btn-primary:active{background:#79b31f}.btn-primary:focus{background:#70a61d}.form-control{height:35px}.control-label{line-height:35px}.input-group-addon{padding-top:9px;padding-bottom:9px;background:#313131}.dropdown-toggle{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px;height:35px}.dropdown-toggle .caret{position:absolute;right:0;top:14px}.selected{float:left}.dropdown-arrow{right:80%}.dropdown-inverse li{width:94%}.select{width:229px;margin-left:-15px;margin-right:-15px;}.select .btn.btn-hg{width:100%;}.select .btn.btn-hg .filter-option{font-size:14px;top:0;line-height:35px}.form-group{margin-bottom:5px}.btn-selector{background:#404040}.form-control[disabled],.form-control[readonly],fieldset[disabled],input{color:#313131;opacity:1;-ms-filter:none;filter:none}.btn[disabled]{opacity:1;-ms-filter:none;filter:none;color:#fff}.dropdown-menu li a span,.select button span{text-transform:capitalize}.form-horizontal .has-feedback .input-group .form-control-feedback{right:55px}.glyphicon-ok::before{display:none}.has-error .input-group-addon{color:#fff;border-color:#c0392b;background-color:#c0392b}.has-success .input-group-addon{color:#fff;border-color:#313131;background-color:#313131}.has-error .form-control{color:#c0392b;border-color:#c0392b}.has-error .control-label{color:#313131}.has-success .help-block,.has-success .control-label{color:inherit}.form-horizontal .has-feedback .form-control-feedback{right:0}.has-success .form-control,.has-success .form-control:focus,.form-control.flat:focus{color:inherit;border-color:transparent;-webkit-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.tooltip.bottom .tooltip-arrow{left:10%}#content-pusher{position:fixed;height:100%;width:100%}.pusher-open{margin-left:500px;display:block;-webkit-transition:all 600ms cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 600ms cubic-bezier(0.77, 0, 0.175, 1);-o-transition:all 600ms cubic-bezier(0.77, 0, 0.175, 1);-ms-transition:all 600ms cubic-bezier(0.77, 0, 0.175, 1);transition:all 600ms cubic-bezier(0.77, 0, 0.175, 1);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.overlay{display:none;background:#000;position:absolute;width:100%;height:100%;z-index:255;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;-ms-transition:0.6s;transition:0.6s}#left-sidebar{position:absolute;height:100%;width:100px;background:#313131;z-index:255;}#left-sidebar .logo-deactive{background:none !important}#left-sidebar #logo{background:#404040;padding-top:.1em;}#left-sidebar #logo #moreco-logo{width:80%;display:block;margin:.5em auto 0 auto}#left-sidebar #logo #moreco-caption{color:#fff;text-align:center;margin-bottom:0;margin-top:8px;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s}#left-sidebar #logo .indietro{background:#fff;color:#313131 !important;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;cursor:pointer;}#left-sidebar #logo .indietro:hover{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;background:#79b31f;color:#fff !important}#left-sidebar .new-session-active{background:#404040;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}#left-sidebar .new-session-active p{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}#left-sidebar .new-session-active:after{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;height:0;width:0;content:" ";position:absolute;bottom:-10px;left:39px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #404040}#left-sidebar #new-session{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;padding:.5em;line-height:65px;height:83px;position:relative;margin-bottom:20px;}#left-sidebar #new-session:hover{background:#404040;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}#left-sidebar #new-session:hover:after{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;height:0;width:0;content:" ";position:absolute;bottom:-10px;left:39px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #404040}#left-sidebar #new-session:hover p{-webkit-animation:shake .3s ease 1;-moz-animation:shake .3s ease 1;-o-animation:shake .3s ease 1;-ms-animation:shake .3s ease 1;animation:shake .3s ease 1}#left-sidebar #new-session p{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;cursor:pointer;font-size:7em;color:#fff;font-weight:300;line-height:65px;text-align:center;margin:0}#left-sidebar .active{background:#404040;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;border-left:5px #79b31f solid}#left-sidebar .categoria{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;cursor:pointer;display:none;}#left-sidebar .categoria #menu-famiglia,#left-sidebar .categoria #menu-abitazione,#left-sidebar .categoria #menu-trasporti,#left-sidebar .categoria #menu-spostamenti{height:60px;display:block;margin:0 auto;padding:.6em;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s}#left-sidebar .categoria .deactive{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)}#left-sidebar .categoria:hover{background:#404040;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s}#abitazione-avanti,#famiglia-avanti,#trasporti-avanti,#spostamenti-avanti{padding:.5em 0;position:fixed;bottom:0;text-align:center;width:499px;background:#ecf0f1;border-top:#acacac 1px solid}#trasporti-form,#abitazione-form,#famiglia-form,#spostamenti-form{padding-top:50px;}#trasporti-form h1,#abitazione-form h1,#famiglia-form h1,#spostamenti-form h1{position:fixed;top:0;width:499px;z-index:236}#famiglia-form{z-index:240}#abitazione-form{z-index:239}#trasporti-form{z-index:238}#spostamenti-form{z-index:237}#sponsor-sidebar{position:absolute;right:0;height:100%;background:#ecf0f1;padding-top:.5em;z-index:254;width:100px;}#sponsor-sidebar img{padding:1em 0 0;width:90%;display:block;margin:0 auto}#welcome{z-index:256;position:absolute;top:20%;width:500px;left:calc(50% - 250px);}#welcome h1{background:#313131;color:#fff;font-weight:bold;margin:0;text-align:center;font-size:40px;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;padding:.2em 0;}#welcome h1 img{height:40px;position:absolute;left:10px}#welcome p{background:#79b31f;color:#fff;padding:1em 4em;text-align:center;line-height:1.2em;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}#welcome p button{text-align:center;display:block;margin:1em auto 0}#form-container{margin-left:-600px;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;transition:0.5s}.form-container-open{display:block;margin-left:0 !important;-webkit-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);-moz-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);-ms-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275)}.form-horizontal .control-label{text-align:left;padding-top:0}.tagsinput-add,.tagsinput-remove{background:none;border:2px #2980b9 solid;-webkit-border-radius:3px;border-radius:3px;color:#2980b9;cursor:pointer;display:inline-block;font-size:14px;line-height:1;margin-top:1px;margin-bottom:1px;padding:7px 9px;vertical-align:top;-webkit-transition:0.25s linear;-moz-transition:0.25s linear;-o-transition:0.25s linear;-ms-transition:0.25s linear;transition:0.25s linear;}.tagsinput-add:hover,.tagsinput-remove:hover{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);background:none}.tagsinput-add:active,.tagsinput-remove:active{-webkit-transition:0.1s ease;-moz-transition:0.1s ease;-o-transition:0.1s ease;-ms-transition:0.1s ease;transition:0.1s ease;opacity:1;-ms-filter:none;filter:none}.tagsinput-add{margin-left:10px}.tagsinput-remove:before{content:"\e600";font-family:"Flat-UI-Icons"}.form{position:absolute;width:500px;background:#ecf0f1;border-right:1px #acacac solid;margin-left:100px;height:100%;overflow:scroll;}.form h1{background:#79b31f;color:#fff;margin:0;font-size:35px;padding:10px 36px;font-weight:regular}.form .form-campi{padding:36px 36px 80px;}.form .form-campi label{font-size:16px;font-weight:bold}#famiglia-caller .form-group .col-sm-6 .form-control-feedback{right:112px}.famiglia-input{width:100px;display:block;float:left}#costo-conosciuto{display:none}#titolo-auto,#titolo-mezzi,#titolo-spostamento{font-size:1.6em;margin:.4em 0;}#titolo-auto .tagsinput-add,#titolo-mezzi .tagsinput-add,#titolo-spostamento .tagsinput-add{color:#79b31f;border-color:#79b31f;font-size:.3em}#aggiungi-auto,#aggiungi-abbonamento,#aggiungi-spostamento{display:none}.conferma-trasporti{margin-top:20px;margin-bottom:50px;}.conferma-trasporti div{display:inline-block}.tabella-auto,.tabella-mezzo{position:relative;margin-right:15px;margin-left:15px;margin-bottom:20px;margin-top:10px;padding-left:60px;padding-bottom:5px;border-bottom:2px #acacac solid;}.tabella-auto p,.tabella-mezzo p{margin-bottom:0}.tabella-attivita{position:relative;margin-right:15px;margin-left:15px;margin-bottom:20px;margin-top:10px;padding-bottom:5px;border-bottom:2px #acacac solid;}.tabella-attivita p{margin-bottom:0}.nome-auto,.nome-mezzo,.nome-attivita{font-size:1.1em;margin:0;position:relative}.icon-auto,.icon-mezzo{-webkit-border-radius:50%;border-radius:50%;height:45px;width:45px;position:absolute;left:0}.modifica-auto,.modifica-mezzo,.modifica-attivita{position:absolute;right:15px;line-height:52px;top:0;}.modifica-auto .fui-cross,.modifica-mezzo .fui-cross,.modifica-attivita .fui-cross{color:#c0392b}.modifica-auto span,.modifica-mezzo span,.modifica-attivita span{padding-left:10px;}.modifica-auto span:hover,.modifica-mezzo span:hover,.modifica-attivita span:hover{opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60)}.icon-auto{content:url("../img/tabella_auto.svg")}.icon-mezzo{content:url("../img/tabella_bus.svg")}#container-risultato{position:absolute;left:100px;top:1em;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;margin-right:130px;width:calc(100% - 221px);z-index:-1}.tile-risultato{background:#ecf0f1;width:450px;-webkit-border-radius:10px;border-radius:10px;display:inline-block;margin-left:1em;}.tile-risultato:last-child{margin-right:1em}.titolo-tile,#confronto-title{margin-bottom:0;margin-top:0;padding:.3em .8em;background:#79b31f;color:#fff;font-size:1em;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;position:relative;}.titolo-tile .edit-tile,#confronto-title .edit-tile{position:absolute;right:.8em;font-weight:300;}.titolo-tile .edit-tile span,#confronto-title .edit-tile span{margin-left:.5em;}.titolo-tile .edit-tile span:hover,#confronto-title .edit-tile span:hover{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.titolo-tile .edit-tile span:active,#confronto-title .edit-tile span:active{opacity:1;-ms-filter:none;filter:none}.categorie-residenza,.categorie-spostamenti,.categorie-auto,.categorie-mezzi{padding:0 .8em;margin-top:1em;margin-bottom:.7em;}.categorie-residenza .costo-sezione,.categorie-spostamenti .costo-sezione,.categorie-auto .costo-sezione,.categorie-mezzi .costo-sezione{font-weight:bold;font-size:2em;margin:0;line-height:1.3em}.categorie-residenza .costo-auto-dettaglio,.categorie-spostamenti .costo-auto-dettaglio,.categorie-auto .costo-auto-dettaglio,.categorie-mezzi .costo-auto-dettaglio{font-size:14px;font-weight:300;line-height:1em;margin-top:0;margin-bottom:.4em}.categorie-residenza .titolo-spostamenti,.categorie-spostamenti .titolo-spostamenti,.categorie-auto .titolo-spostamenti,.categorie-mezzi .titolo-spostamenti,.categorie-residenza .titolo-residenza,.categorie-spostamenti .titolo-residenza,.categorie-auto .titolo-residenza,.categorie-mezzi .titolo-residenza,.categorie-residenza .titolo-auto,.categorie-spostamenti .titolo-auto,.categorie-auto .titolo-auto,.categorie-mezzi .titolo-auto,.categorie-residenza .titolo-mezzi,.categorie-spostamenti .titolo-mezzi,.categorie-auto .titolo-mezzi,.categorie-mezzi .titolo-mezzi{font-size:1.1em;font-weight:300;margin:0;line-height:.5em;position:relative;margin-left:1.1em;}.categorie-residenza .titolo-spostamenti::before,.categorie-spostamenti .titolo-spostamenti::before,.categorie-auto .titolo-spostamenti::before,.categorie-mezzi .titolo-spostamenti::before,.categorie-residenza .titolo-residenza::before,.categorie-spostamenti .titolo-residenza::before,.categorie-auto .titolo-residenza::before,.categorie-mezzi .titolo-residenza::before,.categorie-residenza .titolo-auto::before,.categorie-spostamenti .titolo-auto::before,.categorie-auto .titolo-auto::before,.categorie-mezzi .titolo-auto::before,.categorie-residenza .titolo-mezzi::before,.categorie-spostamenti .titolo-mezzi::before,.categorie-auto .titolo-mezzi::before,.categorie-mezzi .titolo-mezzi::before{height:1em;width:1em;-webkit-border-radius:50%;border-radius:50%;position:absolute;left:-1.1em;top:-.3em;content:" "}.titolo-residenza::before,#confronto-residenza::before{background:#2c3e4e}.titolo-auto::before,#confronto-auto::before{background:#9b59b6}.titolo-mezzi::before,#confronto-trasporti::before{background:#36cc71}.risultato-sum-up{background:#313131;color:#fff;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;padding:0 .8em;}.risultato-sum-up p{text-align:center;margin:0}.categorie-container{float:left;width:200px;margin:.8em 0;border-right:2px solid #acacac}.risultato-graph{padding:.5em;float:left;width:250px;text-align:center;}.risultato-graph p{margin-bottom:0}#costo-annuale{font-size:1.5em;line-height:1em;padding:.4em 0 .1em}.green{color:#79b31f}#container-confronto{position:absolute;bottom:0;left:120px;right:120px;height:230px;margin-bottom:0}#confronto-content{background:#ecf0f1;height:200px}#confronto-legenda{padding-top:1em}#confronto-residenza,#confronto-auto,#confronto-trasporti{list-style-type:none;font-weight:300;margin:0;position:relative;margin-left:1.1em;}#confronto-residenza::before,#confronto-auto::before,#confronto-trasporti::before{height:1em;width:1em;-webkit-border-radius:50%;border-radius:50%;position:absolute;left:-1.1em;top:.3em;content:" "}#confronto-legenda{position:relative;height:100%;position:relative;float:left;margin-bottom:0}#confronto-grafici-container{float:left;position:relative;margin-left:2em;margin-top:1em;height:60%;border-bottom:1px solid #acacac}.confronto-grafico{height:100%;margin:0 2em;width:100px;content:" ";float:left;position:relative;bottom:0;}.confronto-grafico .residenza-grafico{background:#2c3e4e;height:20%;width:100px;content:" "}.confronto-grafico .auto-grafico{background:#9b59b6;height:60%;width:100px;content:" "}.confronto-grafico .trasporti-grafico{background:#36cc71;height:20%;width:100px;content:" "}#confronto-grafici-testo{position:absolute;left:225px;bottom:.8em}.confronto-didascalia{float:left;position:relative;text-align:center;width:140px;margin:0 16px;font-size:.8em;line-height:1em}#confirm{z-index:256;position:absolute;top:20%;width:500px;left:calc(50% - 250px);}#confirm h1{background:#313131;color:#fff;font-weight:bold;margin:0;text-align:center;font-size:40px;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;padding:.2em 0;}#confirm h1 img{height:40px;position:absolute;left:10px}#confirm p{background:#79b31f;color:#fff;padding:1em 4em;text-align:center;line-height:1.2em;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}#confirm p button{text-align:center;display:inline-block;margin:1em auto 0}#confirm p .annulla{color:#313131}#big-overlay{background:#313131;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);z-index:256;position:absolute;height:100%;width:100%;display:none} \ No newline at end of file diff --git a/Frontend/partials/abitazione.html b/Frontend/partials/abitazione.html index 846dc66..bc5118b 100644 --- a/Frontend/partials/abitazione.html +++ b/Frontend/partials/abitazione.html @@ -56,7 +56,7 @@

Abitazione

- +
@@ -147,7 +147,7 @@

Auto
@@ -177,7 +177,7 @@

Mezzi pubblici