You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

6 lines
24 KiB

.fxfamilynav-logo{background-image:url("/media/img/firefox/family/nav-sprite.56fbf5a8d218.png");background-position:0 0;text-indent:120%;white-space:nowrap;overflow:hidden;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-transition:transform .3s ease;transition:transform .3s ease;float:left;height:102px;margin:0 20px 0 10px;width:98px}@media(-webkit-min-device-pixel-ratio:1.5),(min-resolution:1.5dppx),(min-resolution:144dpi){.fxfamilynav-logo{-webkit-background-size:98px 115px;background-size:98px 115px;background-image:url("/media/img/firefox/family/nav-sprite-high-res.80fabe2e5b0f.png")}}@media(min-width:1400px){.fxfamilynav-logo{margin-left:20px;margin-right:96px}}@media(max-width:760px){.fxfamilynav-logo{display:none}}#tabzilla{position:absolute;right:0;top:-2px}@media(max-width:760px){#tabzilla:before{background-color:#0c99d5}}.fxfamilynav-header{-webkit-background-size:100% 80px 100% 80px;background-size:100% 80px 100% 80px;zoom:1;-webkit-transition:background .2s ease;transition:background .2s ease;background-image:-webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),-webkit-linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.3));background-image:-o-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),-o-linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.3));background-image:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.3));background-position:0 0,0 50px;background-repeat:no-repeat;height:120px;position:relative;width:100%;z-index:10}.fxfamilynav-header:after{display:block;visibility:hidden;height:0;clear:both;content:"."}.fxfamilynav-header .container{margin:0 auto;padding:0;width:1000px}.fxfamilynav-header .adjunctnav{display:none}.fxfamilynav-header .adjunctnav.active{display:block}@media(min-width:1400px){.fxfamilynav-header .container{width:1400px}}@media(max-width:1000px){.fxfamilynav-header .container{width:760px}}@media(max-width:760px){.fxfamilynav-header{background:#fff;height:auto;position:relative}.fxfamilynav-header.overlay{position:relative}.fxfamilynav-header .container{background:#0b92cb;width:100%}}.fxfamilynav{display:block;float:left;height:70px;margin-top:50px;position:relative;width:610px}.fxfamilynav .primary-nav{display:block;list-style-type:none;margin:0;padding:0}@media(max-width:760px){.fxfamilynav .primary-nav{margin-top:20px}}.fxfamilynav .primary-link{font-size:18px;font-size:1.125rem;-webkit-transition:all .2s ease;transition:all .2s ease;border-bottom:3px solid transparent;color:#fff;display:block;height:67px;line-height:67px;max-width:200px;opacity:.7;padding:0 5px}.fxfamilynav .primary-link:focus,.fxfamilynav .primary-link:hover,.fxfamilynav .primary-link.selected{color:#fff;opacity:1;text-decoration:none}.fxfamilynav .primary-link.selected{border-color:#fff}.fxfamilynav .primary-link div{display:inline-block;font-style:normal;line-height:1.3;vertical-align:middle}@media(min-width:1400px){.fxfamilynav .primary-link{max-width:340px}}@media(max-width:1000px){.fxfamilynav .primary-link{font-size:16px;font-size:1rem;max-width:160px}}@media(max-width:760px){.fxfamilynav .primary-link{color:#fff;display:block;height:auto;line-height:16px;max-width:none;opacity:1;padding:6px 20px 4px;text-align:center}}.fxfamilynav .primary-nav{zoom:1}.fxfamilynav .primary-nav:after{display:block;visibility:hidden;height:0;clear:both;content:"."}.fxfamilynav .primary-nav li{zoom:1;float:left;margin:0;padding-right:20px}.fxfamilynav .primary-nav li:after{display:block;visibility:hidden;height:0;clear:both;content:"."}.fxfamilynav .primary-nav li.related:before{border-left:1px dotted #fff;content:'';float:left;height:50px;margin-top:10px;width:21px}.fxfamilynav .primary-nav li.related .primary-link{float:left}.fxfamilynav .primary-nav li:last-child{padding-right:0}.fxfamilynav .primary-nav li.active .primary-link{border-color:#fff;opacity:1}@media(max-width:760px){.fxfamilynav .primary-nav li.active .primary-link{border-color:transparent}}@media(min-width:1400px
}.fxfamilynav-adjunctnav ul a:hover{text-decoration:underline}.fxfamilynav-adjunctnav ul a:hover[rel="external"]:after{opacity:1}.fxfamilynav-adjunctnav li{float:none;margin:0}.fxfamilynav-adjunctnav.active{display:block}.fxfamilynav-cta-wrapper{-webkit-transition:all .2s ease;transition:all .2s ease;float:left;height:60px;margin:50px 30px 0 4px;width:180px;opacity:0;overflow:hidden;visibility:hidden}@media(min-width:1400px){.fxfamilynav-cta-wrapper{margin-left:10px}}@media(max-width:1000px){.fxfamilynav-cta-wrapper{display:none}}.fxfamilynav-cta-wrapper small.fx-privacy-link{display:none}@media(min-width:1000px){@supports(display:flex){.fxfamilynav-cta-wrapper{align-items:center;display:flex;justify-content:center;margin-top:54px}}}.fxfamilynav-adjunctnav-trigger{zoom:1;-webkit-transition:all .2s ease;transition:all .2s ease;background:transparent;border:0;border-radius:6px;color:#0c99d5;cursor:pointer;float:left;height:26px;letter-spacing:0;margin-top:72px;opacity:0;width:36px}.fxfamilynav-adjunctnav-trigger:after{display:block;visibility:hidden;height:0;clear:both;content:"."}.fxfamilynav-adjunctnav-trigger span{position:absolute!important;height:1px;width:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);padding:0;border:0}.fxfamilynav-adjunctnav-trigger .trigger-dots{margin:0 auto;width:22px}.fxfamilynav-adjunctnav-trigger .trigger-dots.fallback{border-left:11px solid transparent;border-right:11px solid transparent;border-top:11px solid #fff;height:0;width:0}.fxfamilynav-adjunctnav-trigger .trigger-dots.fallback .trigger-dot{display:none}.fxfamilynav-adjunctnav-trigger .trigger-dot{background:#fff;border-radius:50%;float:left;height:6px;margin-right:2px;width:6px}.fxfamilynav-adjunctnav-trigger .trigger-dot:last-child{margin-right:0}.fxfamilynav-adjunctnav-trigger.visible{opacity:1}.fxfamilynav-adjunctnav-trigger:hover,.fxfamilynav-adjunctnav-trigger.active{background:#0c99d5}@media(max-width:760px){.fxfamilynav-adjunctnav-trigger{display:none}}.fxfamilynav-header.dark #tabzilla:before{background-color:#0c99d5}.fxfamilynav-header.dark .fxfamilynav .primary-nav li.related:before{border-color:#0c99d5}.fxfamilynav-header.dark .primary-link{color:#0c99d5}.fxfamilynav-header.dark .primary-nav li.active .primary-link,.fxfamilynav-header.dark .primary-nav li.active .selected{border-color:#0c99d5}.fxfamilynav-header.dark .fxfamilynav-adjunctnav-trigger .trigger-dot{background:#0c99d5}.fxfamilynav-header.dark .fxfamilynav-adjunctnav-trigger:hover .trigger-dot,.fxfamilynav-header.dark .fxfamilynav-adjunctnav-trigger.active .trigger-dot{background:#fff}@media(max-width:760px){.fxfamilynav-header.dark .primary-nav li.active{background:#fff}.fxfamilynav-header.dark .primary-nav li.active .primary-link{border-color:transparent;color:#0c99d5}.fxfamilynav-header.dark .primary-nav .primary-link{color:#fff}}.fxfamilynav-header.stuck{-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px);background:#fff;background:rgba(255,255,255,0.97);background-image:none;box-shadow:0 1px 3px rgba(50,50,50,0.4);position:fixed;z-index:200}.fxfamilynav-header.stuck .fxfamilynav .primary-nav li a{color:#0c99d5}.fxfamilynav-header.stuck .fxfamilynav .primary-nav li.related:before{border-color:#0c99d5}.fxfamilynav-header.stuck .fxfamilynav .primary-nav li.active a{border-color:#0c99d5}.fxfamilynav-header.stuck .fxfamilynav-logo{-webkit-transform:scale(0.65) translateY(55px);-ms-transform:scale(0.65) translateY(55px);transform:scale(0.65) translateY(55px)}.fxfamilynav-header.stuck .fxfamilynav-adjunctnav-trigger .trigger-dot{background:#0c99d5}.fxfamilynav-header.stuck .fxfamilynav-adjunctnav-trigger:hover .trigger-dot,.fxfamilynav-header.stuck .fxfamilynav-adjunctnav-trigger.active .trigger-dot{background:#fff}.fxfamilynav-header.stuck .fxfamilynav-cta-wrapper{opacity:1;visibility:visible}#newsletter-subscribe{background:#0c99d5;color:#fff;padding:0;zoom:1}#newsletter-subscribe:after{display:block;visibility:hidden;height:0;clear:both;content:"."}#newsletter-subscribe .container{padding-top:40px;padding-bottom:
@media(max-width:1000px){#newsletter-subscribe .newsletter-form{float:left;width:280px;margin:0 10px;margin-left:430px}}@media(max-width:760px){#newsletter-subscribe .newsletter-form{float:none;width:auto;margin:0 10px}}#newsletter-subscribe .field-format label{display:inline;margin-right:20px}#newsletter-subscribe input[type='email']{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;box-shadow:none;font-size:16px;font-size:1rem;border:0;padding:15px 10px;width:100%}#newsletter-subscribe select{font-size:14px;font-size:.875rem;font-family:inherit}#newsletter-subscribe .button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px;box-shadow:none;font-size:16px;font-size:1rem;-webkit-transition:background-color .15s ease;transition:background-color .15s ease;background:transparent;border:2px solid #fff;padding:.75em 20px;text-shadow:none;text-transform:uppercase;width:100%}#newsletter-subscribe .button:hover,#newsletter-subscribe .button:focus{background:#33aae4;background:rgba(255,255,255,0.1)}#newsletter-subscribe a{color:#fff;text-decoration:underline}#newsletter-subscribe #footer-email-errors{float:none;width:auto;margin:0 10px;padding-bottom:20px}#newsletter-subscribe #newsletter-form-thankyou{color:#fff}#newsletter-subscribe #newsletter-form-thankyou h3{color:#fff;text-shadow:none}#newsletter-subscribe.light{background:#81bae5;color:#08578e}#newsletter-subscribe.light h3,#newsletter-subscribe.light a{color:#08578e}#newsletter-subscribe.light .button{color:#08578e;border-color:#08578e}#newsletter-subscribe.light .button:hover,#newsletter-subscribe.light .button:focus{background:#aed6f4;background:rgba(255,255,255,0.1)}#newsletter-subscribe.light #newsletter-form-thankyou{color:#08578e}#newsletter-subscribe.light #newsletter-form-thankyou h3{color:#08578e;text-shadow:none}#wrapper:before{content:" ";position:absolute;top:80px;right:85px;height:250px;width:250px;z-index:2}#wrapper{width:100%;padding-bottom:0;margin-top:50px}#masthead{width:960px}#colophon{margin-top:0}.inner-wrapper{padding:40px 0;width:1000px;margin:0 auto;position:relative}.button-footer{margin:20px 0 0 0;text-align:center}.button-footer a:after{content:"\00A0\00BB";white-space:nowrap}.buttons{text-align:center}.buttons .download-button,.buttons .button{display:block;margin:auto}.state-fx-android .primary .inner-wrapper{padding-top:20px}.primary .inner-wrapper{padding-bottom:40px}.primary .buttons{float:left;width:780px;margin:0 10px;margin-left:90px;float:none;clear:both}.primary .buttons>div{padding:0 100px 20px}.primary .buttons>div.show-fx-31-signed-in,.primary .buttons>div.show-fx-31-signed-out{padding:0 20px 20px}.primary .buttons>.show-fx-31-signed-in p{font-size:18px;font-size:1.125rem;font-family:'Open Sans Light',X-LocaleSpecific-Light,'Open Sans',X-LocaleSpecific,sans-serif;font-weight:normal;text-align:center}.primary .warning{float:left;width:620px;margin:0 10px;margin-left:170px;clear:both;text-align:center;margin-bottom:20px}.primary .warning p{display:inline-block;font-size:18px;font-size:1.125rem;padding:0 35px;position:relative}.primary .warning p:before{display:block;position:absolute;top:6px;left:0;content:" ";height:24px;width:24px;background-image:url("/media/img/firefox/sync/icons.b80c6430793b.png");background-position:-210px 0}@media(-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx){.primary .warning p:before{background-image:url("/media/img/firefox/sync/icons-high-res.7ad3fb039c32.png");-webkit-background-size:234px 70px;background-size:234px 70px}}.ios .primary .warning p{padding:0}.primary-buttons{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;list-style-type:none}.primary-buttons>li{margin:0;padding:0 20px;text-align:center}#fxa-email-form{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webk
}.cta header{text-align:center;float:left;width:360px;margin-left:230px}.cta header h3{margin:10px 0 20px}.cta header a:last-child{margin-left:10px}.cta aside{float:left;width:300px;margin-left:70px}.cta aside p{font-style:italic;border-left:1px solid rgba(198,218,229,0.8);padding-left:20px;font-family:'Open Sans Light',X-LocaleSpecific-Light,'Open Sans',X-LocaleSpecific,sans-serif;font-weight:normal;font-size:20px;font-size:1.25rem;margin:0}.cta h3{color:#fff;font-size:32px;font-size:2rem;letter-spacing:-0.02em}.cta h3 b{font-family:'Open Sans',X-LocaleSpecific,sans-serif;font-weight:normal}.cta,.cta h3{text-shadow:0 1px rgba(0,0,0,0.1)}.features>div{float:left;width:300px;margin:0 10px;text-align:center}.features>div:before{display:inline-block;content:" ";height:70px;width:70px;margin:0 auto 10px;border:2px solid #0092db;border-radius:50%;background-image:url("/media/img/firefox/sync/icons.b80c6430793b.png");background-position:0 0}@media(-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx){.features>div:before{background-image:url("/media/img/firefox/sync/icons-high-res.7ad3fb039c32.png");-webkit-background-size:234px 70px;background-size:234px 70px}}.features>div.feature-work:before{background-position:-70px 0}.features>div.feature-go:before{background-position:-140px 0}.features h3{font-size:24px;font-size:1.5rem}.instructions{clear:both;zoom:1;float:left;width:100%;margin-top:20px;padding-top:40px;text-align:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAwgAAAAFCAQAAABLegPfAAAALUlEQVR4Ae3VIREAAAgEwUtD/4goSLFm5/Sbr6lIkvwgSboDkiQvSJIsI5AkF0T5v+/j2Q2AAAAAAElFTkSuQmCC);background-position:0 0;background-repeat:repeat-x}.instructions:after{display:block;visibility:hidden;height:0;clear:both;content:"."}.instructions section{float:left;width:540px;margin:0 10px;margin-left:90px}.instructions h3{margin-left:90px;margin-bottom:1em}.instructions li{margin-bottom:.5em}.instructions aside{float:left;width:300px;margin:0 10px;font-weight:bold}.instructions a.menu:before{content:'\2630 '}.instructions a.menurev:after{content:' \2630'}.instructions.show-fx-28-older{text-align:center}.show-fx-31-signed-in,.show-fx-31-signed-out,.show-fx-29-30,.show-fx-28-older,.show-fx-android,.show-ios,.show-not-fx,.show-default{display:none}.state-fx-31-signed-in .show-fx-31-signed-in,.state-fx-31-signed-out .show-fx-31-signed-out,.state-fx-29-30 .show-fx-29-30,.state-fx-28-older .show-fx-28-older,.state-fx-android .show-fx-android,.state-not-fx .show-not-fx,.state-default .show-default{display:block}.js .show-not-fx .download-button ul{width:250px;margin:0 auto 10px}.state-fx-android .cta h3,.state-fx-android .cta .android-button{display:none}.state-fx-android .cta .container{background-image:none}.intro{width:920px;margin:20px auto 0;text-align:center}.intro h1{font-size:64px;font-size:4rem;line-height:1.2}.intro p{font-family:'Open Sans Light',X-LocaleSpecific-Light,'Open Sans',X-LocaleSpecific,sans-serif;font-weight:normal;font-size:28px;font-size:1.75rem;line-height:1.4;margin:0}.sync-anim{position:relative;height:190px;width:390px;margin:20px auto;background-image:url("/media/img/firefox/sync/composite.ec2325fd566c.png")}.android-link:after{content:"\00A0\00BB";white-space:nowrap}html[dir="rtl"] #wrapper:before{left:85px;right:auto}html[dir="rtl"] .instructions{text-align:right}html[dir="rtl"] .instructions section{float:right}@media only screen and (min-width:760px) and (max-width:1000px){#wrapper:before{top:120px;right:20px;height:175px;width:175px;z-index:2}#masthead{width:720px}.inner-wrapper{width:760px}.intro{width:680px}.intro h1{font-size:42px;font-size:2.625rem}.intro p{font-size:18px;font-size:1.125rem;margin-left:40px;margin-right:40px}.primary .warning{float:left;width:460px;margin:0 10px;margin-left:130px;text-align:center}.primary .buttons{margin-left:50px;float:left;width:700px;margin:0 10px}.secondary header{float:left;width:580px;margin:0 10px;margin-left:70px;margin-bottom:20px}.secondary header h2{font-size:36px;font-s
.cta header{float:none;width:auto;margin:0 0 20px;padding-top:150px}.cta header h3{font-size:24px;font-size:1.5rem}.cta aside{float:none;width:auto;margin:0 10px;text-align:center}.cta aside p{padding:0;border:0;font-size:18px;font-size:1.125rem}}@media only screen and (max-width:480px){.sync-anim{display:none}.primary .buttons{margin:0}.primary .buttons>div{padding:0 0 20px 0}#masthead{width:300px}.inner-wrapper{width:320px}.intro{width:280px}}