/* fix to remove the asq-live-app and let viewers answer questions */ asq-live-app {display: none;} body {background-repeat: no-repeat;} @media screen { *{-webkit-image-rendering: crisp-edges; -webkit-font-smoothing: antialiased;} .step.flash.past, .step.flash.future { pointer-events: none; } /* progress bar */ #progress { position: fixed; bottom: 0; width: 100%; height: 8px; background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition: width .6s ease, background .6s ease; transition: width .6s ease, background .6s ease; } body { background-position: center; background-size: cover; } body[data-asq-role="viewer"] #welcome {display: none;} body.impress-on-title #welcome {display: none;} .step.vscroll {max-height: 1024px; overflow: scroll;} asq-welcome {display: none;} #devops, #mon-q3, #ex1, #ex2, #ex1d, #ex1r, #ex2s, #unstop, #devopsbr, #shareddb-schema {min-width: 1280px; width: 90vw;} #msarch, #apply-a, #apply-c, #conclusion, #conclusion2 {min-width: 1280px; width: 80vw;} .substep.exit.previous {opacity: 0;} .substep.exit.active {opacity: 0;} .substep.exit {opacity: 1;} b.substep {opacity: 1;} b.substep.active {background-color: yellow; color: black;} b.substep.previous {background-color: transparent; color: black;} body.impress-on-ex1rt #ex1r {opacity: 1;} body.impress-on-ex1rt #ex1r h2 {opacity: 0;} #ex1rt {margin-top: -5.5em} body.impress-on-doom #msarch {opacity: 1;} body.impress-on-doom #msarch h2 {text-shadow: 0 0 10px #fcf5a4;} body.impress-on-doom #msarch b {color: white; background-color: transparent;} body.impress-on-doom #msarch p {text-shadow: 0 0 2px #fff;} body.impress-on-doom #msarch a {color: black;} #msarch {transition: color 1s;} body.impress-on-doom {background-image: url("img/tornado.jpg");} #doom {color: white; margin-top: -3em; text-align: center;} body.impress-on-d {background-image: url("img/concordia.jpg");} body.impress-on-unstopt {background-image: url("img/titanic.jpg");} #unstopt {color: white; text-shadow: 0 0 1px black;} #bac p {font-size: 1.5em;} #bac h1 {font-size: 2.5em;} .checks p:before {content: "☐ ";} .checks p.overline:before {content: "⇒ ";} .checks p.overline {border-top: 1px solid black;} #apply-a, #apply-c {width: 80vw;} body.impress-on-mon-q1 {background-image: url("images/sb.jpg"); background-size:cover; background-repeat: no-repeat;} body.impress-on-mon-q2 {background-image: url("images/sb.jpg"); background-size:cover; background-repeat: no-repeat;} #mon-q1 svg {background-color: rgba(255,255,255,0.5); padding-right: 2em;} #mon-q1 h2 {color: white; text-shadow: 0 0 10px black;} #mon-q2 svg {background-color: rgba(255,255,255,0.5); padding-right: 2em;} #mon-q2 h2 {color: white; text-shadow: 0 0 10px black;} #conclusion2, #conclusion, #refs2 {width: 85vw;} #refs2 img {float: left; height: 80vh; box-shadow: 1px 1px 5px black; margin-right: 3em;} #refs2 {margin-top: -2em;} h2 {text-shadow: none;} #powered-by-asq { position: fixed; font-size: 12px; top: 10px; right: 10px; pointer-events: auto; } #powered-by-asq a { display: inline-block; } #powered-by-asq img { width: 80px; margin-left: -10px; } asq-option {display: block;} } div.twocol p {margin-top:0;} @media print { asq-welcome {display: none;} img.svg, div[id^="asq"] img, div[id^="gw"] img {width: 100%;} } #ch.past {opacity:0;} #ch3.step {background:rgba(255,255,255,0.8); padding-top:0; padding-bottom:0} #ch4.step {background:rgba(255,255,255,0.8); padding-top:0; padding-bottom:0; background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.75) 75%, rgba(255,255,255,0) 100% ); /* Chrome10+,Safari5.1+ */ } #ch3.future {opacity:0} body.impress-on-ch4 #ch2 {opacity:1;} body.impress-on-ch3 #ch2 {opacity:1;} #ch3.future, #ch3.past {opacity:0} #ch2.future {opacity:0} #ch2.past {opacity:0} #ch4.future {opacity:0} #version-ab svg {-webkit-transform:scale(0.8); margin: -3.5em; margin-left:-6em;} #version-ab h3 {margin-top:-1.5em; } body.impress-on-version-ab2 #version-ab h3 {margin-left:2em; } body.impress-on-scale2 #scale, body.impress-on-scale3 #scale, body.impress-on-scale4 #scale, body.impress-on-scale5 #scale, body.impress-on-scale6 #scale {opacity: 1;} #abstract h2 {font-size: 1.25em;} #ms-def2 b.substep.active {background:yellow; color: black;} #ms-def2 b.substep {opacity: 1; color: black; font-weight: normal} #ms-def2 b.substep.previous {opacity: 1; color: black; font-weight: bold} #devopsgh h3 {display: none;} #devopsgh p {margin-left: 30%;} #devops svg {float:right; -webkit-transform:scale(0.8); margin-right: -2.5em; margin-top:-4em;} #shareddb, #shareddb-schema {width: 90vw;} body.impress-on-version-ab2 #version-ab {opacity:1} #asq-pat-create-postput {width: 800px; margin-left: 2em;} #asq-pat-lrr {width: 600px; margin-right: 8em; margin-left: -5em;} #asq-pat-lrr asq-option {margin-top: 1em;} body.impress-on-asq-pat-create-postput #pat-create-postput h3 {margin-left: 4em;} body.impress-on-asq-pat-lrr #pat-lrr h3 {margin-left: -10em; font-size: 1.75em;} .step.wide {width: 1200px;} #ch4 {min-width: 1200px;} #ch4 h3 {font-size:1.25em; text-align: center;} #ch4 p {text-align: center; background-color: rgba(255,255,255,0.9)} #ch4 a {color: rgb(32,32,32);} #ch4 li:hover {background-color: rgba(255,255,255,0.9)} #ch4 ul {line-height: 1.1em} #ch2 h3 {color: white; text-shadow: 1px 0px 5px black, 0px 1px 5px black, -1px 0px 5px black, -1px 0px 5px black;} code.nohighlight {white-space: pre-wrap;} #title h1 {font-size:1.5em;} #components h2 {margin-bottom:-0.1em;} #script1 p.small {margin-top: -0.6em; margin-bottom: -0.3em;} #model-low.past {opacity:1;} body.impress-on-model-low1 #model-low h3 {margin-left: -4em;} body.impress-on-model-low2 #model-low h3 {margin-left: 3em;} body.impress-on-model-low3 #model-low h3 {margin-left: 10em;} #links2.future {opacity:0;} #links2 p:first-child {margin-bottom:5em;} #coupling.future {opacity:0;} #coupling p:first-child {margin-bottom:7em;} #coupling p {margin-top:1em;} .center {text-align: center;} #title2 {margin-top:7em; } #title2 p.ack {font-size:0.6em; text-align: center;} #conv1 svg {margin-left:0em; margin-top:0em;} #model-low h3 {-webkit-transition: margin 0.5s; width:200%; margin-left: 2em;} #mde svg {transform: scale(1.8) translateX(2em);} #mde p.ref {margin-top:7em; font-size:0.5em; line-height: 1em} #mde svg {margin-top:4em;} #as svg {transform: scale(1.8) translateX(9em);} body.impress-on-resttalk-t1 {background-image: url("images/sb4.jpg");} body.impress-on-as-summary #as, body.impress-on-as1 #as, body.impress-on-as1z #as, body.impress-on-as1zx #as, body.impress-on-as2 #as, body.impress-on-as2z #as, body.impress-on-as2z2 #as, body.impress-on-as3 #as, body.impress-on-as4 #as, body.impress-on-as3a #as, body.impress-on-as4a #as, body.impress-on-as5 #as {opacity:1;} body.impress-on-as3 #as-ir, body.impress-on-as1zx #as-ir {opacity:1;} #as-ir, #as-evs, #as-hs, #as-serag {opacity:0;} #as-sera {opacity:1;} body.impress-on-as3 #as-sera {opacity:0;} body.impress-on-as2z2 #as-serag, body.impress-on-as1 #as-serag {opacity: 1;} #as-ira {opacity:0;} body.impress-on-as3 #as-ira {opacity:1;} body.impress-on-as1zx #as-ira {opacity:1;} body.impress-on-as4 #as-evs {opacity:1;} body.impress-on-as5 #as-hs {opacity:1;} #as-summary h3 {margin-top: 6em; font-size: 1.25em;} body.impress-on-as-summary #as-hs, body.impress-on-as-summary #as-evs, body.impress-on-as-summary #as-ir, body.impress-on-as-summary #as-ira, body.impress-on-as-summary #as-serag {opacity:1;} body.impress-on-model-low #model-low img {width:100%;} body.impress-on-model-low4 #model-low img {width:100%;} #model-low img {-webkit-transition: width 0.5s; width:1406px;} #rest.future {opacity:0;} #icwe a {color: white; font-weight: bold; text-shadow: blue 0 0 10px, navy 0 0 1px; font-size:1.9em;} #icwe p:first-child {margin-bottom: 12em; } body.impress-on-icwe {background-image:url("images/background-icwe2016-logo.png"); background-size:contain; background-repeat: no-repeat; background-position: 0,100%} body.impress-on-lugano {background-image:url("images/Lago_Ceresio.jpg"); background-size:cover; background-repeat: no-repeat; background-position: 0,100%} body.impress-on-lugano2 {background-image:url("images/Lago_Ceresio.jpg"); background-size:cover; background-repeat: no-repeat; background-position: 100%,100%} body.impress-on-scale5 {background-image:url("images/sb2.jpg"); background-size:cover; background-repeat: no-repeat; background-position: 100%,100%} body.impress-on-scale6 {background-image:url("images/sb2.jpg"); background-size:cover; background-repeat: no-repeat; background-position: 100%,100%} #ch.past {opacity:0;} body {transition: background-position 2s} body.impress-on-rest #components {opacity :1;} body.impress-on-components2 #components {opacity :1;} body.impress-on-wie #components {opacity :1;} body.impress-on-wies #components {opacity :1;} body.impress-on-wiems #components {opacity :1;} #wie h3 {font-weight: normal; color: #4592ff} #wies h3 {font-weight: normal; color: #001ada} #wiems h3 {text-align: center;} body.impress-on-components #wie {opacity:0;} body.impress-on-components #wies {opacity:0;} body.impress-on-components #wiems {opacity:0;} body.impress-on-components2 #wie {opacity:0;} body.impress-on-components2 #wies {opacity:0;} body.impress-on-components2 #wiems {opacity:0;} body.impress-on-cloud #wie {opacity:0;} body.impress-on-cloud #wies {opacity:0;} body.impress-on-cloud #wiems {opacity:0;} body.impress-on-components-cloud #components {opacity :0.5;} body.impress-on-components-cloud {background-image:url("images/cloud.png"); background-size:cover; background-repeat: no-repeat; background-position: 0,100%} body.impress-on-components {background-image:url("images/cloud.png"); background-size:cover; background-repeat: no-repeat; background-position: 0,100%} body.impress-on-cloud {background-image:url("images/cloud.png"); background-size:cover; background-repeat: no-repeat; background-position: 0,100%} body.impress-on-bff {background-image:url("images/bff-ieee-conversations.png"); background-size:contain; background-repeat: no-repeat; background-position: 50%,100%} body.impress-on-ms #components {opacity :1;} body.impress-on-intf #components {opacity :1;} body.impress-on-intf-s #components {opacity :1;} body.impress-on-intf-s #intf {opacity :1;} body.impress-on-intf-l #components {opacity :1;} body.impress-on-intf-l #intf {opacity :1;} body.impress-on-intf-l #intf-s {opacity :1;} #intf h2 {margin-bottom: 5em;} #intf-s ul {font-size: 1.5em; } #intf-s li {margin-top: 0; list-style-position: outside; margin-left: 1em;} #intf-l ul.substep {margin-top: 3em;} #intf-l {margin-left:5em;} #resttalk-task svg {margin:2em; -webkit-transform: scale(1.33); transform: scale(1.33);} #resttalk-sequence svg {margin-top: -4em; float:right; -webkit-transform: scale(0.8); transform: scale(0.8);} #resttalk-sequence {width: 1200px; } #resttalk-sequence h3 {margin-top: 2em;} #resttalk-hf svg {margin-top: -2em; margin-right: 1em; float:left; -webkit-transform: scale(0.8); transform: scale(0.8);} #resttalk-hf {width: 1200px; } #resttalk-hf h2 {margin-top: 2em;} #restalk img {margin-top: -3em;} #restalk h3 {margin-left: -1em;} body.impress-on-restalk asq-welcome {opacity: 0} #bnb-chor-ex h3 {transform: translate(-7em, 8em) rotate(90deg)} #bnb-chor-ex img {margin-left: 3em; margin-top: -2em;} body.impress-on-bnb-chor-ex2 #bnb-chor-ex {} #bnb-chor-ex-http svg {transform: scale(1.4) translateX(0.5em);} body.impress-on-bnb-chor-ex2 #bnb-chor-ex {opacity: 1;} body.impress-on-bnb-chor-ex3 #bnb-chor-ex {opacity: 1;} body.impress-on-bnb-chor-ex2b #bnb-chor-ex {opacity: 1;} body.impress-on-bnb-chor-ex4 #bnb-chor-ex {opacity: 1;} @media print { #ms, #intf, #q1 {display: none;} #q p {display: none;} #script0 h2:before {content:"Redirect";} #script1 h2:before {content:"Long Running Request"; } #model-low img {width:100%;} #model-low1, #model-low2, #model-low3, #model-low4 {display: none;} #mde {text-align: center;} #mde img {width:100%;} .print {display: inherit;} .screen {display : none;} } @media screen { .print {display: none;} } #bnb0 svg {-webkit-transform: scale(0.9); transform: scale(0.9); margin-top:-4em; margin-left:-10em;} #bnb0 .scroll {width:1280px; margin-left:-4em;} #bnb svg {-webkit-transform: scale(0.9); transform: scale(0.9); margin-top:-4em; margin-left:-10em;} #bnb .scroll {width:1280px; margin-left:-4em;} body.impress-on-bnb #bnb .scroll, body.impress-on-bnb-restart #bnb .scroll, body.impress-on-bnb1 #bnb .scroll, body.impress-on-bnb2 #bnb .scroll, body.impress-on-bnb3 #bnb .scroll {overflow: scroll; height: 900px; } body.impress-on-bnb #video, body.impress-on-bnb1 #video, body.impress-on-bnb-restart #video, body.impress-on-bnb2 #video, body.impress-on-bnb3 #video, body.impress-on-bnb8-msg #video {display: none;} #bnbz h1 {margin-top:6em;} #bnbz.future {opacity:0;} body.impress-on-bnb-bpmnc #bnbz {opacity:1;} body.impress-on-bnb-bpmnc2 #bnbz {opacity:1;} #bnb-bpmnc.past, #bnb-bpmnc.future {opacity:0;} #bnb-bpmnc img {margin-left:-1em; opacity:1;} #bnbz.past {opacity:0;} #bnb.past, #bnb0.past {opacity:1;} #bnb.future, #bnb0.future {opacity:1;} #g-bnb-timeout {opacity:0;} #g-bnb-expired {opacity:0;} #g-bnb-otimeout, #g-bnb-initial, #g-bnb-final {opacity:0;} #g-bnb-http {opacity:0;} #g-bnb-email, #g-bnb-link, #g-bnb-restart {opacity:0;} body.impress-on-bnb-restart #g-bnb-restart {opacity:1;} body.impress-on-bnb1 #g-bnb-restart {opacity:1;} body.impress-on-bnb2 #g-bnb-restart {opacity:1;} body.impress-on-bnb1 #g-bnb-timeout {opacity:1;} body.impress-on-bnb2 #g-bnb-timeout {opacity:1;} body.impress-on-bnb2 #g-bnb-expired {opacity:1;} body.impress-on-bnb3 #g-bnb-timeout {opacity:1;} body.impress-on-bnb3 #g-bnb-expired {opacity:1;} body.impress-on-bnb3 #g-bnb-otimeout {opacity:1;} body.impress-on-bnb4 #g-bnb-timeout {opacity:1;} body.impress-on-bnb4 #g-bnb-expired {opacity:1;} body.impress-on-bnb4 #g-bnb-otimeout {opacity:1;} body.impress-on-bnb4 #g-bnb-initial {opacity:1;} body.impress-on-bnb5 #g-bnb-timeout {opacity:1;} body.impress-on-bnb5 #g-bnb-expired {opacity:1;} body.impress-on-bnb5 #g-bnb-otimeout {opacity:1;} body.impress-on-bnb5 #g-bnb-initial {opacity:1;} body.impress-on-bnb5 #g-bnb-final {opacity:1;} body.impress-on-bnb5-msg #g-bnb-timeout {opacity:1;} body.impress-on-bnb5-msg #g-bnb-expired {opacity:1;} body.impress-on-bnb5-msg #g-bnb-otimeout {opacity:1;} body.impress-on-bnb5-msg #g-bnb-initial {opacity:0.9;} body.impress-on-bnb5-msg #g-bnb-final {opacity:0.9;} body.impress-on-bnb6 #g-bnb-timeout {opacity:1;} body.impress-on-bnb6 #g-bnb-expired {opacity:1;} body.impress-on-bnb6 #g-bnb-otimeout {opacity:1;} body.impress-on-bnb6 #g-bnb-email {opacity:1;} body.impress-on-bnb7 #g-bnb-timeout {opacity:1;} body.impress-on-bnb7 #g-bnb-expired {opacity:1;} body.impress-on-bnb7 #g-bnb-otimeout {opacity:1;} body.impress-on-bnb7 #g-bnb-email {opacity:1;} body.impress-on-bnb7 #g-bnb-http {opacity:1;} body.impress-on-bnb8 #g-bnb-timeout {opacity:1;} body.impress-on-bnb8 #g-bnb-expired {opacity:1;} body.impress-on-bnb8 #g-bnb-otimeout {opacity:1;} body.impress-on-bnb8 #g-bnb-email {opacity:1;} body.impress-on-bnb8 #g-bnb-http {opacity:1;} body.impress-on-bnb8-msg #g-bnb-timeout {opacity:1;} body.impress-on-bnb8-msg #g-bnb-expired {opacity:1;} body.impress-on-bnb8-msg #g-bnb-otimeout {opacity:1;} body.impress-on-bnb8-msg #g-bnb-email {opacity:1;} body.impress-on-bnb8-msg #g-bnb-http {opacity:1;} body.impress-on-bnbz2 #g-bnb-timeout {opacity:1;} body.impress-on-bnbz2 #g-bnb-expired {opacity:1;} body.impress-on-bnbz2 #g-bnb-otimeout {opacity:1;} body.impress-on-bnbz3 #g-bnb-timeout {opacity:1;} body.impress-on-bnbz3 #g-bnb-expired {opacity:1;} body.impress-on-bnbz3 #g-bnb-otimeout {opacity:1;} body.impress-on-bnbz4 #g-bnb-timeout {opacity:1;} body.impress-on-bnbz4 #g-bnb-expired {opacity:1;} body.impress-on-bnbz4 #g-bnb-otimeout {opacity:1;} body.impress-on-bnbz5 #g-bnb-timeout {opacity:1;} body.impress-on-bnbz5 #g-bnb-expired {opacity:1;} body.impress-on-bnbz5 #g-bnb-otimeout {opacity:1;} body.impress-on-bnbz5 #g-bnb-email {opacity:1;} body.impress-on-bnbz5 #g-bnb-http {opacity:1;} body.impress-on-bnb9 #g-bnb-timeout {opacity:1;} body.impress-on-bnb9 #g-bnb-expired {opacity:1;} body.impress-on-bnb9 #g-bnb-otimeout {opacity:1;} body.impress-on-bnb9 #g-bnb-link {opacity:1;} body.impress-on-bnb9-msg #g-bnb-timeout {opacity:1;} body.impress-on-bnb9-msg #g-bnb-expired {opacity:1;} body.impress-on-bnb9-msg #g-bnb-otimeout {opacity:1;} body.impress-on-bnb9-msg #g-bnb-link {opacity:1;} #bnb5-msg.past, #bnb5-msg.future {opacity: 0;} #bnb5-msg {margin-left:16em; padding-right:5em;} #bnb8-msg.past, #bnb8-msg.future {opacity: 0;} #bnb8-msg {padding-right:6em;} #bnb9-msg.past, #bnb9-msg.future {opacity: 0;} #bnb9-msg {padding-right:6em;} #txt-email2 { opacity: 0;} body.impress-on-bnb8-msg #txt-email { opacity: 0;} body.impress-on-bnb8-msg #txt-email2 { opacity: 1;} #lrr svg {-webkit-transform: scale(0.45); transform: scale(0.45); float: right; margin: -15em; margin-top:-15.5em;} #lrr {width: 1200px;} #lrr h3 {margin-top: 0;} #pat-lrr.past, #pat-lbyl.past, #pat-sec-cookie.past {opacity: 1} #pat-lrr h3 {margin-top: 10em; font-size: 1em;} #eval-pat-lrr h3 {font-size: 1em;} #eval-pat-lrr img {width: 135%; margin-left:-3em;} #pat-lbyl2.future, #pat-collection.future {opacity: 0;} body.impress-on-refs2 #refs {opacity: 1;} #asq-c asq-option {margin-bottom: 1em;} #asq-c img {vertical-align: middle} body.impress-on-pat-lrr3 #pat-lrr h3 {-webkit-transform: scale(2); transform: scale(2);} #pat-lbyl2 {width: 1200px;} #pat-lbyl2 {margin-top: 1em;} body.impress-on-pat-lbyl2 #pat-lbyl h3 {-webkit-transform: translateX(15em); transform: translateX(15em);} body.impress-on-pat-summary #pat-lbyl h3, body.impress-on-pat-summary2 #pat-lbyl h3 {-webkit-transform: scale(2) translateX(5em); transform: scale(2) translateX(5em);} .step[id^="pat-"] h3 {-webkit-transition: -webkit-transform 1s;} #pat-sec-cookie h3 {font-size: 1.2em; margin-top: 2em;} #pat-summary h2 {margin-top: -6em; font-size: 1.4em;} #pat-summary2 h2 {margin-top: -6em; font-size: 1.4em;} .step[id^="pat-"].past {opacity: 1;} .step[id^="cons-"] p {color: #080; margin-top: 1em;} .step[id^="cons-"] p.substep {color: #800;} .step[id^="prob-"] p {color: #008; font-style: italic;} .step[id^="prob-"] p.substep {color: #000; font-style: normal;} .step[id^="cons-pat"] h3 {display: none;} #cons-pat-create-post p {margin-left: 10em;} #cons-pat-lrr p {margin-left: 10em;} #cons-pat-redirect p {margin-left: 10em;} #cons-pat-redirectChoice p {margin-left: 10em;} #cons-pat-collection p {margin-left: 10em;} #cons-pat-editing p {margin-left: 10em;} #cons-pat-lbyl p {margin-right: 10em;} body.impress-on-cons-pat-lrr #pat-lrr h3 {-webkit-transform: scale(2); transform: scale(2); -webkit-transform-origin: 0 0; transform-origin: 0 0;} body.impress-on-cons-pat-create-post #pat-create-post h3 {-webkit-transform: translateX(4em); transform: translateX(4em);} body.impress-on-cons-pat-redirect #pat-redirect h3 {-webkit-transform: translateX(4em) scale(0.6); transform: translateX(4em) scale(0.6);} body.impress-on-cons-pat-redirectChoice #pat-redirectChoice h3 {-webkit-transform: translateX(4em); transform: translateX(4em);} body.impress-on-cons-pat-editing #pat-editing h3 {-webkit-transform: translateX(4em); transform: translateX(4em);} body.impress-on-cons-pat-lbyl #pat-lbyl h3 {-webkit-transform: translateX(-4em); transform: translateX(-4em);} body.impress-on-pat-summary .step[id^="pat-"] h3, body.impress-on-pat-summary2 .step[id^="pat-"] h3 {-webkit-transform: scale(2); transform: scale(2);} body.impress-on-pat-collection #pat-collection h3 {-webkit-transform: rotate(-90deg) translate(-4em,-5em); transform: rotate(-90deg) translate(-4em,-5em); position: absolute;} body.impress-on-cons-pat-collection #pat-collection h3 {-webkit-transform: rotate(-90deg) translate(-4em,-5em); transform: rotate(-90deg) translate(-4em,-5em); position: absolute;} body.impress-on-cons-pat-collection #pat-lrr {opacity: 0;} .counter {display: none;} body.impress-on-ch {background:#fff} body.impress-on-ch2 {background-image:url("images/Lago_Ceresio.jpg"); background-size:cover} body.impress-on-ch2 #ch img {opacity:0} body.impress-on-ch3 {background-image:url("images/Lago_Ceresio.jpg"); background-size:cover} body.impress-on-ch3 #ch img {opacity:0} body.impress-on-ch4 {background-image:url("images/Lago_Ceresio.jpg"); background-size:cover} body.impress-on-ch4 #ch img {opacity:0} #ch3.step {background:rgba(255,255,255,0.8); padding-top:0; padding-bottom:0} #ch4.step {background:rgba(255,255,255,0.8); padding-top:0; padding-bottom:0; background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.75) 75%, rgba(255,255,255,0) 100% ); /* Chrome10+,Safari5.1+ */ } #ch3.future {opacity:0} body.impress-on-ch4 #ch2 {opacity:1;} #ch3.future, #ch3.past {opacity:0} #ch2.future {opacity:0} #ch4.future {opacity:0} #ch4 h3 {font-size:1.25em; text-align: center;} #ch4 p {text-align: center; background-color: rgba(255,255,255,0.9)} #ch4 a {color: rgb(32,32,32);} #ch4 li:hover {background-color: rgba(255,255,255,0.9)} #ch2 h3 {color: white; text-shadow: 1px 0px 5px black, 0px 1px 5px black, -1px 0px 5px black, -1px 0px 5px black;} #context li {display: inline; padding-right:20px} #context li:before {content: "\002022 "} #context2 li {display: inline; padding-right:20px} #context2 li:before {content: "\002022 "} #conn.past, #title.past {opacity:1;} #context2 p.substep.active {display: inline;} #context2 p.substep.past {display: none;} #context2 p.substep {display: none;} body.impress-on-conn2 #conn h3 {-webkit-transform:translate(7em); transition: -webkit-transform 0.6s;} #bpmnconn.past {opacity:1;} body.impress-on-bpmnconn2 #bpmnconn h3 {-webkit-transform:translate(7em); transition: -webkit-transform 0.6s;} #conv h1 {margin-top: 0.5em;} #bigp h2:after {content:"M";} body.impress-on-bigp-cloud #bigp h2:after {content:"aaS";} body.impress-on-bigp-cloud {background-image:url("images/cloud.png"); background-size:cover} body.impress-on-ws {background-image:url("images/innoq-ws.png"); background-size:cover} body.impress-on-links {background-image:url("images/cloud10.jpg"); background-size:cover} body.impress-on-modeling {background-image:url("images/sb3.jpg"); background-size:cover} #links li {font-size:1.75em; } #links li a {color:white; font-weight: bold; text-shadow: 0 0 5px black, 1px 0 3px black, -1px 0 3px black;} #why.future {opacity:0.5} #why2.future {opacity:0.5} body.impress-on-why #why3 {opacity:0} body.impress-on-why2 #why3 {opacity:0} body.impress-on-tcc-http-protocol2 #tcc-http-protocol {opacity:1} body.impress-on-tcc2 #tcc {opacity:1} body.impress-on-restwork {background-image:url("images/restwork.jpg"); background-size:contain; background-repeat: no-repeat; background-color: #2aa9ff;} body.impress-on-rest-people {background-image: url("images/sb.jpg"); background-size:cover; background-repeat: no-repeat;} #cfp1 p:hover { font-size: 1.2em;} #cfp2 p:hover { font-size: 1.2em;} #cfp1 p {transition: font-size 1s} #cfp2 p {transition: font-size 1s} #rest-people {background: rgba(255,255,255,0.5);} #rest-people p {background: rgba(255,255,255,0.75);} #why.past {opacity:1} #why2.past {opacity:1} #why3.past {opacity:1} #why2.previous {opacity:1} #ctx.past, #problem.past, #constraints.past, #tcc-http-protocol-fail.past, #comp-wf.past, #tcc-http-protocol-fail.past {opacity:1} #title2.future, #problem2.future, #tcc-try.future, #tcc-timeout.future, #tcc-timeout2.future, #tcc-confirm.future, #tcc-cancel.future, #timing.past, #timing2.future, #tcc-http-protocol-fail-cancel.future, #tcc-http-protocol-fail-cancel.past, #deploy2.future, #deploy.past, #deploy-wb.future, #deploy-wb.past, #deploy-taas.future {opacity:0} #deploy2.past h2 {opacity:0} svg {text-shadow: none} svg g.downit {-webkit-transform: translateY(0px); -webkit-transition: -webkit-transform 1s} svg g.down {-webkit-transform: translateY(180px); -webkit-transition: -webkit-transform 1s} svg g {-webkit-transition: -webkit-transform 1s} #p-acid2 {color: white;} body.impress-on-p-acid2 {background: black;} #p-acid .substep, #p-acid .substep.future {opacity:1;} #p-acid .substep.active {text-decoration: underline;} #confirm-error {position: relative; top: -2.2em; background:#F00;} #confirm-error code { text-shadow:black 0px 0px 2px; color: white;} #confirm-error code .number {color: #F00;} #taas-api .substep.past {opacity:0;} pre code .string {color:rgb(0,232,0);} pre code .number {color:rgb(0,255,0);} #constraints ul {font-size:1em;} #g8106 {z-index: 1} .color-red code { background: rgba(255, 0, 0,0.8); } #comp-wf-tcc-obs ul li li {margin:0} #ref-s ul {margin-bottom:5em;} #refs li {font-size:0.5em;} @media print { #title {text-align: center;} #tcc2 {display: none;} #tcc-http-protocol-fail2, #soawithrest {display: none;} #comp-wf-obs {font-size: 1em;} } #video {-webkit-transition: all 0.75s; width:50%; margin-left:50%; } body.impress-on-ctx #video, body.impress-on-problem #video, body.impress-on-problem2 #video, body.impress-on-constraints #video, body.impress-on-tcc-http-protocol #video, body.impress-on-tcc-http-protocol2 #video, body.impress-on-tcc-http-protocol-fail #video, body.impress-on-tcc-http-protocol-fail2 #video, body.impress-on-comp-wf-obs #video, body.impress-on-comp-wf-tcc-obs #video, body.impress-on-comp-wf-tcc #video { margin-bottom:900px; margin-right:-16px;} body.impress-on-tcc-ex-2 #video, body.impress-on-tcc-ex-3 #video, body.impress-on-tcc-ex-4 #video, body.impress-on-tcc-http-protocol2 #video, body.impress-on-tcc-http-protocol-fail2 #video, body.impress-on-tcc-http-protocol-fail-cancel #video, body.impress-on-comp-wf #video, body.impress-on-comp-wf-tcc #video, body.impress-on-exp #video, body.impress-on-exp2 #video, body.impress-on-exp3 #video { opacity:0;} body .step pre {box-shadow: none;} body pre.response {margin-top:1px;} body pre.request {margin-bottom:0;} #pl ul.substep {display: none;} #pl ul.substep.active {display: block;} #pl ul.substep.past {display: none;} #pat-prob ul.substep {display: none;} #pat-prob ul.substep.active {display: block;} #pat-prob ul.substep.past {display: none;} body[data-asq-role="presenter"] asq-text-input-q {display: none;} asq-text-input-q-stats {height: 400px;} #ms-sb2 h2 {margin-top: 8em; text-shadow: 0 0 10px black;} #ms-sb2.future {opacity: 0;} #ms-sb4.future {opacity: 0;} #ms-sb4 h2 {margin-bottom: 8em; text-shadow: 0 0 10px black;} #ms h2 {text-shadow: 0 0 10px black;} body.impress-on-ms-sb #ms h2 {opacity: 0;} body.impress-on-ms-sb2 #ms h2 {opacity: 0;} body.impress-on-ms-sb4 #ms h2 {opacity: 0;} body.impress-on-ms-sb3 #ms h2 {opacity: 1;} body.impress-on-ms-sb3 #ms {opacity: 1;} body.impress-on-size3 #size2 {opacity: 1;} #size3 p {display: inline-block; margin: 1.5em;} #size3 p:last-child {margin-left: 0;} body.impress-on-ms-sb {background-position: bottom; background-image:url("images/sb.jpg"); background-size:cover; } body.impress-on-ms-sb2 {background-position: bottom; background-image:url("images/sb.jpg"); background-size:cover; } body.impress-on-ms-sb3 {background-position: bottom; background-image:url("images/sb.jpg"); background-size:cover; } body.impress-on-ms-sb4 {background-position: bottom; background-image:url("images/sb.jpg"); background-size:cover; } body.impress-on-ms-sb2-x {background-position: 50%; background-image:url("images/sb.jpg"); background-size:150%; } body.impress-on-ms-sb3-x {background-position: 50% right; background-image:url("images/sb.jpg"); background-size:150%; } body.impress-on-pizza {background-image: url("images/2pizza.jpg"); background-size: cover;} body.impress-on-conn2 #conn h3 {-webkit-transform:translate(7em); transition: -webkit-transform 0.6s;} #rest-vs-msg2 svg {margin-left: 50%;} #rest-vs-msg2.future {opacity: 0;} #rest-vs-msg-conv h2 {margin-bottom: 9em;} body.impress-on-theend, body.impress-on-theend2, body.impress-on-theend3 {background-image: url("images/roadmap.png");} #theend li, #theend2 li, #theend3 li {background: rgba(255,255,255,0.9); padding: 0.2em; } /* body.impress-on-rest #video {opacity:0} body.impress-on-rest2 #video {opacity:0} body.impress-on-dmap-jopera #video {margin-bottom:2em; margin-right:15.5em} body.impress-on-rest-comp #video {margin-bottom: 8em} body.impress-on-rest-comp2 #video {margin-bottom: 5em} body.impress-on-sl-ex2 #video, body.impress-on-sl-ex2-p #video {margin-bottom:20em} #video {-webkit-transition: margin-bottom 1s} body.impress-on-style {background-image: url("../img/style-gothic.png"); background-size: cover} body.impress-on-style2 {background-image: url("../img/style-bologna.png"); background-size: cover} body.impress-on-style3 {background-image: url("../img/style-bjopera.png"); background-size: cover} body.impress-on-style4 {background-image: url("../img/style-bjopera.png"); background-size: cover} body.impress-on-lqs {background-image: url("../img/wave.png"); background-size: cover} body.impress-on-lqs h3#lqs {color:white; text-shadow: -2px -2px 4px black, 2px 2px 4px black} body.impress-on-lqs h2 {opacity:0} body.impress-on-lqf h2 {opacity:0} body.impress-on-lqf {background-image: url("../img/arduino.png"); background-size: cover} body.impress-on-lqf h3#lqf {color:white; text-shadow: -2px -2px 4px black, 2px 2px 4px black} body.impress-on-lqs h2 {opacity:0} body.impress-on-lqaf {background-image: url("../img/phones.png"); background-size: cover} body.impress-on-lqaf h3#lqf {color:white; text-shadow: -2px -2px 4px black, 2px 2px 4px black} body.impress-on-lqaf h3#lqa {color:white; text-shadow: -2px -2px 4px black, 2px 2px 4px black} body.impress-on-lqaf h2 {opacity:0} body.impress-on-lqsaf {background-image: url("../img/multicore.png"); background-size: cover} body.impress-on-lqsaf h3#lqf {color:white; text-shadow: -2px -2px 4px black, 2px 2px 4px black} body.impress-on-lqsaf h3#lqa {color:white; text-shadow: -2px -2px 4px black, 2px 2px 4px black} body.impress-on-lqsaf h3#lqs {color:white; text-shadow: -2px -2px 4px black, 2px 2px 4px black} body.impress-on-lqsaf h2 {opacity:0} body.impress-on-lqsafe {background-image: url("../img/bluegene.png"); background-size: cover} body.impress-on-lqsafe h3 {color:white; text-shadow: -2px -2px 4px black, 2px 2px 4px black} body.impress-on-lqsafe h2 {opacity:0} body.impress-on-lqsafe2 {background-image: url("../img/cloud.png"); background-size: cover} body.impress-on-lqsafe2 h3 {color:white; text-shadow: -2px -2px 4px black, 2px 2px 4px rgba(0, 67, 148,0.5)} body.impress-on-lqsafe2 h2 {opacity:0} body.impress-on-cons-fd {background-image: url("../img/windowdrops.png"); background-size: cover} body.impress-on-cons-fd h3#cfd {color:white; text-shadow: -2px -2px 4px black, 2px 2px 4px black} body.impress-on-cons-fd h2 {opacity:0} body.impress-on-cons-ga {background-image: url("../img/messagebottle.png"); background-size: cover} body.impress-on-cons-ga h3#cga {color:white; text-shadow: -2px -2px 4px black, 2px 2px 4px black} body.impress-on-cons-ga h2 {opacity:0} body.impress-on-cons-uc {background-image: url("../img/wires.png"); background-size: cover} body.impress-on-cons-uc h3#cuc {color:white; text-shadow: -2px -2px 4px black, 2px 2px 4px black} body.impress-on-cons-uc h2 {opacity:0} body.impress-on-cons-ui {background-image: url("../img/sandybeach.png"); background-size: cover} body.impress-on-cons-ui h3#cui {color:white; text-shadow: -2px -2px 4px black, 2px 2px 4px black} body.impress-on-cons-ui h2 {opacity:0} body.impress-on-sl-runtime-test {background-image: url("../img/multicore.png"); background-size: cover} body.impress-on-sl-runtime-elastic {background-image: url("../img/multicore.png"); background-size: cover} body.impress-on-sl-runtime-migration {background-image: url("../img/cloud.png"); background-size: cover} body.impress-on-liquid {background-image: url("../img/drop.png"); background-size: cover} body.impress-on-liquid-ws {background-image: url("../img/drop.png"); background-size: cover} body.impress-on-liquid #liquid img {opacity:0} body.impress-on-liquid #liquid p {opacity:0} body.impress-on-sl-runtime2 #sl-runtime svg #g4610 {opacity:0} #cons h3 {font-size:1.3em} #style2.future {opacity:0} #style2.past {opacity:0} #style3.future {opacity:0} #lq.future {opacity:0} #lq.past {opacity:1} #lq-def.future {opacity:0} #cons.future {opacity:0} #cons.past {opacity:1} #cons-def.future {opacity:0} #sl-ex2.past {opacity:1} #sl-runtime2.future {opacity:0} body.impress-on-style4 #cons.future {opacity:0.6} body.impress-on-cons #cons.future {opacity:0.6} .imageslide {color:white; text-shadow: -2px -2px 4px black, 2px 2px 4px black} div.step.active p.boxed {background-color: rgba(0,0,0,0.8); } p.boxed {background-color: rgba(0,0,0,0.2); padding: 10px; text-align: justify} .reflectBelow { -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white)); } #lq-def p {margin-bottom:2em} #cons-def p {margin-bottom:2.5em} pre code.s .method {color: #d7eef4} pre code.s .service {color: #e6e6e6} pre code.s .resource {color: #ffffff} pre code.s .state {color: #DAD085} */