From 01b0dd52e9320a21e696c7e4b4220610f6882292 Mon Sep 17 00:00:00 2001 From: Slayslot Date: Mon, 27 Jul 2015 01:52:33 +0530 Subject: [PATCH 1/8] added accordion slider --- src/client/css/home-min.css | 621 +++++++++++++++++++++++ src/client/css/style.css | 7 + src/client/index.html | 83 ++- src/client/js/home-min.js | 1 + src/client/js/min.js | 987 ++++++++++++++++++++++++++++++++++++ 5 files changed, 1696 insertions(+), 3 deletions(-) create mode 100644 src/client/css/home-min.css create mode 100644 src/client/js/home-min.js create mode 100644 src/client/js/min.js diff --git a/src/client/css/home-min.css b/src/client/css/home-min.css new file mode 100644 index 0000000..b317e70 --- /dev/null +++ b/src/client/css/home-min.css @@ -0,0 +1,621 @@ +.no-js img.js, .no-js .panel-title { + display: none; +} +.pillars { + width: 960px; +} +.pillars { + background: url("http://mozilla-tunisia.org/static/home/img/box-shadow-960.png") center bottom no-repeat; + padding: 0 0 40px; + position: relative; + margin: 0 auto 20px; +} +.wide .pillars { + height: 380px; +} +.accordion { + list-style: none; + position: relative; + left: -0.5%; + top: 0; + width: 102%; + margin: 0; +} +.js .accordion { + overflow: hidden; +} +.panel { + background-color: #777; + display: block; + margin: 0; + position: relative; + -webkit-transition: background-position .5s ease-in-out; + -moz-transition: background-position .5s ease-in-out; + -o-transition: background-position .5s ease-in-out; + -ms-transition: background-position .5s ease-in-out; + transition: background-position .5s ease-in-out; +} +.panel:focus { + outline: 0; +} +.panel.expanded, .panel.compressed { + -webkit-transition: background-position .5s ease-in-out; + -moz-transition: background-position .5s ease-in-out; + -o-transition: background-position .5s ease-in-out; + -ms-transition: background-position .5s ease-in-out; + transition: background-position .5s ease-in-out; +} +.wide .panel { + margin: 0 0 0 -2px; + padding: 0; + float: left; + width: 25%; + height: 380px; + min-height: 0; + overflow: hidden; + box-shadow: -6px 0 10px -4px rgba(0, 0, 0, 0.5); +} +.wide .panel:first-child { + box-shadow: none; +} +.no-js .panel { + min-height: 16em; +} +.no-js #panel-vans { + overflow: hidden; +} +.panel-title { + color: #fff; + font-size: 18px; + line-height: 1.2; + font-weight: bold; + letter-spacing: -0.025em; + text-align: center; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); + text-transform: uppercase; + margin: 0; + padding: 40px 15px 0; + position: absolute; + bottom: 0; + left: 0; + width: 215px; + height: 80px; +} +.panel-title i { + font-style: normal; +} +.panel-title:after { + content: ' »'; + white-space: nowrap; +} +.panel-inner { + background-color: rgba(0, 0, 0, 0.1); + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; + -webkit-transition: background-color .5s ease-in-out; + -moz-transition: background-color .5s ease-in-out; + -o-transition: background-color .5s ease-in-out; + -ms-transition: background-color .5s ease-in-out; + transition: background-color .5s ease-in-out; +} +.expanded .panel-inner { + background-color: transparent; + -webkit-transition: background-color .5s ease-in-out; + -moz-transition: background-color .5s ease-in-out; + -o-transition: background-color .5s ease-in-out; + -ms-transition: background-color .5s ease-in-out; + transition: background-color .5s ease-in-out; +} +.compressed .panel-inner { + background-color: rgba(0, 0, 0, 0.25); +} +.panel-content { + font-family: 'Open Sans Light', sans-serif; + font-weight: normal; + color: #fff; + font-size: 20px; + line-height: 1.3; + position: relative; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); +} +.panel-content h3 { + font-weight: bold; + font-size: 100%; + color: inherit; + letter-spacing: -0.03em; + margin: 0 0 .25em; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); + text-transform: uppercase; +} +.panel-content .go { + font-size: 90%; + font-weight: bold; + letter-spacing: -0.025em; +} +.panel-content .go:after { + content: ' »'; + white-space: nowrap; +} +.panel-content>a { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 20px 20px 20px 300px; +} +.panel-content a:link, .panel-content a:visited { + color: inherit; +} +.panel-content a:hover, .panel-content a:focus, .panel-content a:active { + color: inherit; + text-decoration: none; + outline: 0; +} +.panel-content a:focus .go, .panel-content a:active .go, .panel-content .go:hover { + text-decoration: underline; +} +.wide .panel-content { + height: 300px; + min-height: 0; + width: 290px; + padding: 40px 40px 40px 300px; + position: absolute; + top: 0; + left: 0; +} +.wide .panel-content>a { + padding: 40px 40px 40px 300px; +} +.js .panel-content { + display: none; +} +.no-js .panel-content { + min-height: 9.5em; + padding: 1em 40px 1em 300px; +} +@media only screen and (min-width:760px) and (max-width:1000px) { +.pillars { + width: 720px; +} +.pillars { + background-image: url("http://mozilla-tunisia.org/static/home/img/box-shadow-760.png"); + padding-bottom: 32px; +} +.panel-title { + font-size: 16px; + width: 152px; +} +.wide .panel-content { + font-size: 16px; + height: 280px; + width: 250px; + padding: 80px 20px 20px 200px; +} +.wide .panel-content .panel-logo { + left: 200px; + top: 30px; +} +.wide .panel-content .go { + font-size: 16px; +} +.wide .panel-content>a { + padding: 80px 20px 20px 200px; +} +} +@media only screen and (max-width:760px) { +.pillars { + width: 300px; +} +.pillars { + padding-bottom: 13px; + background-image: url("http://mozilla-tunisia.org/static/home/img/box-shadow-320.png"); +} +.accordion { + width: auto; + padding: 0; + position: relative; + left: 0; + overflow: visible; + margin: 0; +} +.panel { + float: none; + width: 100%; + height: 4.5em; + margin: 0; + overflow: hidden; + position: relative; + box-shadow: inset 0 4px 10px -5px rgba(0, 0, 0, 0.75); +} +.panel:first-child { + box-shadow: none; +} +.panel-inner { + background: transparent; +} +.panel-title { + position: static; + width: auto; + height: auto; + padding: .75em 20px .75em 40%; + min-height: 3em; + text-align: left; + font-size: 16px; +} +.panel-title:after { + content: '\25bc'; + position: absolute; + right: 25px; + top: 35%} +.panel-content { + font-size: 16px; + line-height: 1.2; + width: 100%; + height: 100%} +.panel-content>a { + padding: 20px 20px 20px 40%} +.panel-content .panel-logo { + position: static; + display: block; + margin-bottom: 10px; +} +.no-js .panel { + height: auto; + min-height: 20em; + padding: 0; +} +.no-js .panel .panel-content { + padding: 0; +} +} +@media only screen and (min-width:480px) and (max-width:760px) { + .pillars { + background-image: url("http://mozilla-tunisia.org/static/home/img/box-shadow-440.png"); + padding-bottom: 18px; +} +.pillars { + width: 420px; +} +} +#panel-mission { + background: #b30406 url("http://mozilla-tunisia.org/static/home/img/bg-mission-mosaic.png") -50px -80px no-repeat; + background: url("http://mozilla-tunisia.org/static/home/img/bg-mission-mosaic.png") -50px -80px no-repeat, #b30406 url("http://mozilla-tunisia.org/static/home/img/bg-mission-cubes.png") repeat; +} +#panel-mission .panel-title i { + display: block; +} +.wide #panel-mission .panel-title { + background: #821117; + background: rgba(185, 24, 26, 0.8); + background: -webkit-linear-gradient(bottom, rgba(185, 24, 26, 0.8) 65%, rgba(185, 24, 26, 0) 100%); + background: -moz-linear-gradient(bottom, rgba(185, 24, 26, 0.8) 65%, rgba(185, 24, 26, 0) 100%); + background: -o-linear-gradient(bottom, rgba(185, 24, 26, 0.8) 65%, rgba(185, 24, 26, 0) 100%); + background: linear-gradient(bottom, rgba(185, 24, 26, 0.8) 65%, rgba(185, 24, 26, 0) 100%); +} +/*add panel-kernel style*/ +#panel-kernel { + background: #D4DDE4 url("http://mozilla-tunisia.org/static/home/img/bg-kernel-mosaic.png") -50px -80px no-repeat; + background: url("http://mozilla-tunisia.org/static/home/img/bg-kernel-mosaic.png") -50px -80px no-repeat, #D4DDE4 repeat; +} +#panel-kernel .panel-title i { + display: block; +} +.wide #panel-kernel .panel-title { + background: #424f5a; + background: rgba(66, 79, 90, 0.8); + background: -webkit-linear-gradient(bottom, rgba(66, 79, 90, 0.95) 50%, rgba(66, 79, 90, 0.8) 65%, rgba(66, 79, 90, 0) 100%); + background: -moz-linear-gradient(bottom, rgba(66, 79, 90, 0.95) 50%, rgba(66, 79, 90, 0.8) 65%, rgba(66, 79, 90, 0) 100%); + background: -o-linear-gradient(bottom, rgba(66, 79, 90, 0.95) 50%, rgba(66, 79, 90, 0.8) 65%, rgba(66, 79, 90, 0) 100%); + background: linear-gradient(bottom, rgba(66, 79, 90, 0.95) 50%, rgba(66, 79, 90, 0.8) 65%, rgba(66, 79, 90, 0) 100%); +} +/*add panel-blog style*/ +#panel-blog { + background: #404c58 url("http://mozilla-tunisia.org/static/home/img/bg-logo-moztn-hires.png") -50px -80px no-repeat; + background: url("http://mozilla-tunisia.org/static/home/img/bg-logo-moztn-hires.png") -50px -80px no-repeat, #404c58 repeat; +} +#panel-blog .panel-title i { + display: block; +} +.wide #panel-blog .panel-title { + background: #404c58; + background: rgba(229, 131, 34, 0.8); + background: -webkit-linear-gradient(bottom, rgba(229, 131, 34, 0.95) 50%, rgba(229, 131, 34, 0.8) 65%, rgba(229, 131, 34, 0) 100%); + background: -moz-linear-gradient(bottom, rgba(229, 131, 34, 0.95) 50%, rgba(229, 131, 34, 0.8) 65%, rgba(229, 131, 34, 0) 100%); + background: -o-linear-gradient(bottom, rgba(229, 131, 34, 0.95) 50%, rgba(229, 131, 34, 0.8) 65%, rgba(229, 131, 34, 0) 100%); + background: linear-gradient(bottom, rgba(229, 131, 34, 0.95) 50%, rgba(229, 131, 34, 0.8) 65%, rgba(229, 131, 34, 0) 100%); +} + +#panel-lightbeam { + background: #424f5a url("http://mozilla-tunisia.org/static/home/img/logo-lightbeam.png") -80px 20px no-repeat; + background: url("http://mozilla-tunisia.org/static/home/img/logo-lightbeam.png") -80px 20px no-repeat, #424f5a url("http://mozilla-tunisia.org/static/home/img/bg-lightbeam.jpg") 0 0 no-repeat; +} +#panel-lightbeam .panel-title i { + display: block; +} +#panel-lightbeam.expanded { + background-position: -50px 20px; + background-position: -50px 20px, 0 0; +} +#panel-lightbeam.compressed { + background-position: -120px 20px; + background-position: -120px 20px, 0 0; +} +#panel-lightbeam .go { + color: #0096dd; +} +.wide #panel-lightbeam .panel-title { + background: #424f5a; + background: rgba(66, 79, 90, 0.8); + background: -webkit-linear-gradient(bottom, rgba(66, 79, 90, 0.95) 50%, rgba(66, 79, 90, 0.8) 65%, rgba(66, 79, 90, 0) 100%); + background: -moz-linear-gradient(bottom, rgba(66, 79, 90, 0.95) 50%, rgba(66, 79, 90, 0.8) 65%, rgba(66, 79, 90, 0) 100%); + background: -o-linear-gradient(bottom, rgba(66, 79, 90, 0.95) 50%, rgba(66, 79, 90, 0.8) 65%, rgba(66, 79, 90, 0) 100%); + background: linear-gradient(bottom, rgba(66, 79, 90, 0.95) 50%, rgba(66, 79, 90, 0.8) 65%, rgba(66, 79, 90, 0) 100%); +} +#panel-fxos { + background: #0095dd url("http://mozilla-tunisia.org/static/home/img/firefoxos-fox.png") -100px -100px no-repeat; +} +#panel-fxos.expanded { + background-position: -60px -100px; +} +#panel-fxos.compressed { + background-position: -140px -100px; +} +.wide #panel-fxos .panel-title { + background: #0095dd; + background: rgba(0, 84, 160, 0.8); + background: -webkit-linear-gradient(bottom, rgba(0, 84, 160, 0.8) 65%, rgba(0, 84, 160, 0) 100%); + background: -moz-linear-gradient(bottom, rgba(0, 84, 160, 0.8) 65%, rgba(0, 84, 160, 0) 100%); + background: -o-linear-gradient(bottom, rgba(0, 84, 160, 0.8) 65%, rgba(0, 84, 160, 0) 100%); + background: linear-gradient(bottom, rgba(0, 84, 160, 0.8) 65%, rgba(0, 84, 160, 0) 100%); +} +#panel-donate { + background: #c13832 url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"); + background: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), #c13832 -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), #c13832 -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), #c13832 -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), #c13832 linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-position: -50px 20px; + background-position: -50px 20px, 0 0; + background-repeat: no-repeat; + background-repeat: no-repeat, repeat-x; +} +#panel-donate .panel-title i { + display: block; +} +#panel-donate .panel-content { + color: #fff; + font-size: 20px; +} +#panel-donate .panel-content h3 { + font-size: 24px; + font-weight: 800; +} +#panel-donate .panel-content legend { + font-size: 20px; + color: #fff; + font-weight: 800; + text-shadow: none; +} +#panel-donate .panel-content label { + display: inline-block; + font-size: 18px; + font-weight: 800; + margin: 0 10px 10px 0; +} +#panel-donate .panel-content .button { + display: block; + padding: 10px 20px; + font-size: 18px; + margin-top: 20px; +} +#panel-donate.expanded { + background-position: -20px 20px; + background-position: -20px 20px, 0 0; +} +#panel-donate.compressed { + background-position: -90px 20px; + background-position: -90px 20px, 0 0; +} +.no-js #panel-donate { + min-height: 22em; +} +@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:1.5dppx), (min-resolution:144dpi) { +#panel-fxos { + background-image: url("http://mozilla-tunisia.org/static/home/img/firefoxos-fox-hires.png"); + background-size: 335px 468px; +} +#panel-donate { + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-hires.png"); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-hires.png"), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-hires.png"), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-hires.png"), -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-hires.png"), linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-size: 287px 238px; + background-size: 287px 238px, auto auto; +} +} +@media only screen and (min-width:760px) and (max-width:1000px) { +#panel-fxos { + background-image: url("http://mozilla-tunisia.org/static/home/img/firefoxos-fox-md.png"); + background-position: -115px -70px; +} +#panel-fxos.expanded { + background-position: -95px -70px; +} +#panel-fxos.compressed { + background-position: -135px -70px; +} +/*blog*/ +#panel-blog { + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-logo-moztn-md.png"); + background-position: -45px -70px; +} +#panel-blog.expanded { + background-position: -75px -70px; +} +#panel-blog.compressed { + background-position: -115px -70px; +} +/*community*/ +#panel-kernel { + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-kernel-mosaic-md.png"); + background-position: -45px 10px; +} +#panel-kernel.expanded { + background-position: -75px 10px; +} +#panel-kernel.compressed { + background-position: -135px 10px; +} +#panel-donate { + background-position: -50px 20px; + background-position: -50px 20px, 0 0; +} +#panel-donate.expanded { + background-position: -110px 20px; + background-position: -110px 20px, 0 0; +} +#panel-donate .panel-content { + font-size: 16px; +} +#panel-donate .panel-content h3 { + font-size: 20px; +} +#panel-donate .panel-content label { + font-size: 16px; +} +#panel-donate .panel-content .button { + font-size: 16px; +} +} +@media only screen and (min-width:760px) and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-width:760px) and (max-width:1000px) and (min-resolution:1.5dppx), only screen and (min-width:760px) and (max-width:1000px) and (min-resolution:144dpi) { +#panel-fxos { + background-image: url("http://mozilla-tunisia.org/static/home/img/firefoxos-fox-md-hires.png"); + background-size: 290px 390px; +} +} +@media only screen and (max-width:760px) { +#panel-fxos { + background-image: url("http://mozilla-tunisia.org/static/home/img/firefoxos-fox-sm.png"); + background-position: -85px -95px; +} +#panel-fxos.expanded { + background-position: -85px -30px; +} +#panel-fxos.compressed { + background-position: -85px -110px; +} + +/*kernel*/ +#panel-kernel { + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-kernel-mosaic-sm.png"); + background-position: -121px -75px; +} +#panel-kernel.expanded { + background-position: -121px -75px; +} +#panel-kernel.compressed { + background-position: -85px -110px; +} + +/*blog*/ +#panel-blog { + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-logo-moztn-sm.png"); + background-position: -21px -76px; +} +#panel-blog.expanded { + background-position: -25px -30px; +} +#panel-blog.compressed { + background-position: -25px -110px; +} +#panel-donate { + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), -o-linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-position: -24px -6px; + background-position: -24px -6px, 0 0; + background-size: 136px 114px; + background-size: 136px 114px, auto auto; +} +#panel-donate.expanded { + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-position: -24px 10px; + background-position: -24px 10px, 0 0; +} +#panel-donate.compressed { + background-position: -24px -20px; + background-position: -24px -20px, 0 0; +} +#panel-donate .panel-content { + padding: 20px 20px 20px 40%; + height: auto; + width: auto; + font-size: 16px; +} +#panel-donate .panel-content h3 { + font-size: 16px; +} +#panel-donate .panel-content legend, #panel-donate .panel-content label { + font-size: 14px; +} +#panel-donate .panel-content .button { + font-size: 14px; + margin-top: 12px; +} +} +@media only screen and (min-width:480px) and (max-width:760px) { +#panel-fxos { + background-position: -40px -95px; +} +#panel-fxos.expanded { + background-position: -40px -30px; +} +#panel-fxos.compressed { + background-position: -40px -110px; +} +#panel-donate { + background-position: 0 0; + background-position: 0 0, 0 0; +} +#panel-donate.expanded { + background-position: 0 10px; + background-position: 0 10px, 0 0; +} +#panel-donate.compressed { + background-position: 0 -20px; + background-position: 0 -20px, 0 0; +} +} +@media only screen and (max-width:760px) and (-webkit-min-device-pixel-ratio:1.5), only screen and (max-width:760px) and (min-resolution:1.5dppx), only screen and (max-width:760px) and (min-resolution:144dpi) { +#panel-fxos { + background-image: url("http://mozilla-tunisia.org/static/home/img/firefoxos-fox-sm-hires.png"); + background-size: 190px 246px; +} +#panel-donate { + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), -o-linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-size: 117px 92px; + background-size: 117px 92px, auto auto; +} +#panel-donate.expanded { + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); +} +} diff --git a/src/client/css/style.css b/src/client/css/style.css index 1ed0d5f..893633c 100644 --- a/src/client/css/style.css +++ b/src/client/css/style.css @@ -244,3 +244,10 @@ section#community{ color: #FF0000; font-size: 10px; } +/*Slider*/ +.pillars.accordion.panel-title.panel-inner.panel-content +{ + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} diff --git a/src/client/index.html b/src/client/index.html index 40db412..c449ce3 100644 --- a/src/client/index.html +++ b/src/client/index.html @@ -13,6 +13,7 @@ + @@ -46,14 +47,89 @@ - +
+ +
-

About us

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget dui eget elit semper aliquet. Fusce nec mi sapien. Nulla consectetur lorem in libero pellentesque, eget consectetur mi lobortis. Integer efficitur, dui at molestie consectetur, nibh nisl feugiat ex, eu condimentum nisi lorem at felis. Integer in mollis diam. Praesent eget malesuada lacus, id rutrum lacus. Donec eget euismod libero.

+

Who are Mozpacers?

+

Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from diverse backgrounds to better contribute the making of better web, as is mission of Mozilla.

+

Regions Covered:

+

The fragrance is not just in Delhi and NCR zone but we also conduct various campaigns and workshops in North India states viz. Haryana, Himachal Pradesh, Punjab etc. This way we get to teach a lot of people about web and Mozilla’s mission and in the same time get potential people in the community.

+

Structure of the Community:

+

We are mainly divided into Technical and Non-technical teams. We try that all the members get to take various leadership and managerial roles in various projects and events. We are open to the way of contributions and anybody can contribute in whichever positions he/she are comfortable in.

@@ -158,6 +234,7 @@

About us

+
diff --git a/src/client/js/home-min.js b/src/client/js/home-min.js new file mode 100644 index 0000000..4bab9b5 --- /dev/null +++ b/src/client/js/home-min.js @@ -0,0 +1 @@ +(function(c){function b(d){return(d||"").toLowerCase()}var a="20130725";c.fn.cycle=function(d){var e;return 0!==this.length||c.isReady?this.each(function(){var m,h,j,k,i=c(this),g=c.fn.cycle.log;if(!i.data("cycle.opts")){(i.data("cycle-log")===!1||d&&d.log===!1||h&&h.log===!1)&&(g=c.noop),g("--c2 init--"),m=i.data();for(var f in m){m.hasOwnProperty(f)&&/^cycle[A-Z]+/.test(f)&&(k=m[f],j=f.match(/^cycle(.*)/)[1].replace(/^[A-Z]/,b),g(j+":",k,"("+typeof k+")"),m[j]=k)}h=c.extend({},c.fn.cycle.defaults,m,d||{}),h.timeoutId=0,h.paused=h.paused||!1,h.container=i,h._maxZ=h.maxZ,h.API=c.extend({_container:i},c.fn.cycle.API),h.API.log=g,h.API.trigger=function(n,l){return h.container.trigger(n,l),h.API},i.data("cycle.opts",h),i.data("cycle.API",h.API),h.API.trigger("cycle-bootstrap",[h,h.API]),h.API.addInitialSlides(),h.API.preInitSlideshow(),h.slides.length&&h.API.initSlideshow()}}):(e={s:this.selector,c:this.context},c.fn.cycle.log("requeuing slideshow (dom not ready)"),c(function(){c(e.s,e.c).cycle(d)}),this)},c.fn.cycle.API={opts:function(){return this._container.data("cycle.opts")},addInitialSlides:function(){var e=this.opts(),d=e.slides;e.slideCount=0,e.slides=c(),d=d.jquery?d:e.container.find(d),e.random&&d.sort(function(){return Math.random()-0.5}),e.API.add(d)},preInitSlideshow:function(){var e=this.opts();e.API.trigger("cycle-pre-initialize",[e]);var d=c.fn.cycle.transitions[e.fx];d&&c.isFunction(d.preInit)&&d.preInit(e),e._preInitialized=!0},postInitSlideshow:function(){var e=this.opts();e.API.trigger("cycle-post-initialize",[e]);var d=c.fn.cycle.transitions[e.fx];d&&c.isFunction(d.postInit)&&d.postInit(e)},initSlideshow:function(){var e,d=this.opts(),f=d.container;d.API.calcFirstSlide(),"static"==d.container.css("position")&&d.container.css("position","relative"),c(d.slides[d.currSlide]).css("opacity",1).show(),d.API.stackSlides(d.slides[d.currSlide],d.slides[d.nextSlide],!d.reverse),d.pauseOnHover&&(d.pauseOnHover!==!0&&(f=c(d.pauseOnHover)),f.hover(function(){d.API.pause(!0)},function(){d.API.resume(!0)})),d.timeout&&(e=d.API.getSlideOpts(d.nextSlide),d.API.queueTransition(e,e.timeout+d.delay)),d._initialized=!0,d.API.updateView(!0),d.API.trigger("cycle-initialized",[d]),d.API.postInitSlideshow()},pause:function(e){var d=this.opts(),g=d.API.getSlideOpts(),f=d.hoverPaused||d.paused;e?d.hoverPaused=!0:d.paused=!0,f||(d.container.addClass("cycle-paused"),d.API.trigger("cycle-paused",[d]).log("cycle-paused"),g.timeout&&(clearTimeout(d.timeoutId),d.timeoutId=0,d._remainingTimeout-=c.now()-d._lastQueue,(0>d._remainingTimeout||isNaN(d._remainingTimeout))&&(d._remainingTimeout=void 0)))},resume:function(g){var f=this.opts(),d=!f.hoverPaused&&!f.paused;g?f.hoverPaused=!1:f.paused=!1,d||(f.container.removeClass("cycle-paused"),0===f.slides.filter(":animated").length&&f.API.queueTransition(f.API.getSlideOpts(),f._remainingTimeout),f.API.trigger("cycle-resumed",[f,f._remainingTimeout]).log("cycle-resumed"))},add:function(e,d){var j,f=this.opts(),g=f.slideCount,h=!1;"string"==c.type(e)&&(e=c.trim(e)),c(e).each(function(){var i,k=c(this);d?f.container.prepend(k):f.container.append(k),f.slideCount++,i=f.API.buildSlideOpts(k),f.slides=d?c(k).add(f.slides):f.slides.add(k),f.API.initSlide(i,k,--f._maxZ),k.data("cycle.opts",i),f.API.trigger("cycle-slide-added",[f,i,k])}),f.API.updateView(!0),h=f._preInitialized&&2>g&&f.slideCount>=1,h&&(f._initialized?f.timeout&&(j=f.slides.length,f.nextSlide=f.reverse?j-1:1,f.timeoutId||f.API.queueTransition(f)):f.API.initSlideshow())},calcFirstSlide:function(){var f,d=this.opts();f=parseInt(d.startingSlide||0,10),(f>=d.slides.length||0>f)&&(f=0),d.currSlide=f,d.reverse?(d.nextSlide=f-1,0>d.nextSlide&&(d.nextSlide=d.slides.length-1)):(d.nextSlide=f+1,d.nextSlide==d.slides.length&&(d.nextSlide=0))},calcNextSlide:function(){var f,d=this.opts();d.reverse?(f=0>d.nextSlide-1,d.nextSlide=f?d.slideCount-1:d.nextSlide-1,d.currSlide=f?0:d.nextSlide+1):(f=d.nextSlide+1==d.slides.length,d.nextSlide=f?0:d.nextSlide+1,d.currSlide=f?d.slides.length-1:d.nextSlide-1)},calcTx:function(e,d){var g,f=e;return d&&f.manualFx&&(g=c.fn.cycle.transitions[f.manualFx]),g||(g=c.fn.cycle.transitions[f.fx]),g||(g=c.fn.cycle.transitions.fade,f.API.log('Transition "'+f.fx+'" not found. Using fade.')),g},prepareTx:function(j,f){var d,m,g,k,l,h=this.opts();return 2>h.slideCount?(h.timeoutId=0,void 0):(!j||h.busy&&!h.manualTrump||(h.API.stopTransition(),h.busy=!1,clearTimeout(h.timeoutId),h.timeoutId=0),h.busy||(0!==h.timeoutId||j)&&(m=h.slides[h.currSlide],g=h.slides[h.nextSlide],k=h.API.getSlideOpts(h.nextSlide),l=h.API.calcTx(k,j),h._tx=l,j&&void 0!==k.manualSpeed&&(k.speed=k.manualSpeed),h.nextSlide!=h.currSlide&&(j||!h.paused&&!h.hoverPaused&&h.timeout)?(h.API.trigger("cycle-before",[k,m,g,f]),l.before&&l.before(k,m,g,f),d=function(){h.busy=!1,h.container.data("cycle.opts")&&(l.after&&l.after(k,m,g,f),h.API.trigger("cycle-after",[k,m,g,f]),h.API.queueTransition(k),h.API.updateView(!0))},h.busy=!0,l.transition?l.transition(k,m,g,f,d):h.API.doTransition(k,m,g,f,d),h.API.calcNextSlide(),h.API.updateView()):h.API.queueTransition(k)),void 0)},doTransition:function(m,h,f,p,e){var j=m,d=c(h),g=c(f),k=function(){g.animate(j.animIn||{opacity:1},j.speed,j.easeIn||j.easing,e)};g.css(j.cssBefore||{}),d.animate(j.animOut||{},j.speed,j.easeOut||j.easing,function(){d.css(j.cssAfter||{}),j.sync||k()}),j.sync&&k()},queueTransition:function(e,d){var g=this.opts(),f=void 0!==d?d:e.timeout;return 0===g.nextSlide&&0===--g.loop?(g.API.log("terminating; loop=0"),g.timeout=0,f?setTimeout(function(){g.API.trigger("cycle-finished",[g])},f):g.API.trigger("cycle-finished",[g]),g.nextSlide=g.currSlide,void 0):(f&&(g._lastQueue=c.now(),void 0===d&&(g._remainingTimeout=e.timeout),g.paused||g.hoverPaused||(g.timeoutId=setTimeout(function(){g.API.prepareTx(!1,!g.reverse)},f))),void 0)},stopTransition:function(){var d=this.opts();d.slides.filter(":animated").length&&(d.slides.stop(!1,!0),d.API.trigger("cycle-transition-stopped",[d])),d._tx&&d._tx.stopTransition&&d._tx.stopTransition(d)},advanceSlide:function(f){var d=this.opts();return clearTimeout(d.timeoutId),d.timeoutId=0,d.nextSlide=d.currSlide+f,0>d.nextSlide?d.nextSlide=d.slides.length-1:d.nextSlide>=d.slides.length&&(d.nextSlide=0),d.API.prepareTx(!0,f>=0),!1},buildSlideOpts:function(e){var k,f,h=this.opts(),j=e.data()||{};for(var g in j){j.hasOwnProperty(g)&&/^cycle[A-Z]+/.test(g)&&(k=j[g],f=g.match(/^cycle(.*)/)[1].replace(/^[A-Z]/,b),h.API.log("["+(h.slideCount-1)+"]",f+":",k,"("+typeof k+")"),j[f]=k)}j=c.extend({},c.fn.cycle.defaults,h,j),j.slideNum=h.slideCount;try{delete j.API,delete j.slideCount,delete j.currSlide,delete j.nextSlide,delete j.slides}catch(d){}return j},getSlideOpts:function(e){var d=this.opts();void 0===e&&(e=d.currSlide);var g=d.slides[e],f=c(g).data("cycle.opts");return c.extend({},d,f)},initSlide:function(e,d,g){var f=this.opts();d.css(e.slideCss||{}),g>0&&d.css("zIndex",g),isNaN(e.speed)&&(e.speed=c.fx.speeds[e.speed]||c.fx.speeds._default),e.sync||(e.speed=e.speed/2),d.addClass(f.slideClass)},updateView:function(h,f){var d=this.opts();if(d._initialized){var j=d.API.getSlideOpts(),g=d.slides[d.currSlide];!h&&f!==!0&&(d.API.trigger("cycle-update-view-before",[d,j,g]),0>d.updateView)||(d.slideActiveClass&&d.slides.removeClass(d.slideActiveClass).eq(d.currSlide).addClass(d.slideActiveClass),h&&d.hideNonActive&&d.slides.filter(":not(."+d.slideActiveClass+")").hide(),d.API.trigger("cycle-update-view",[d,j,g,h]),h&&d.API.trigger("cycle-update-view-after",[d,j,g]))}},getComponent:function(e){var d=this.opts(),f=d[e];return"string"==typeof f?/^\s*[\>|\+|~]/.test(f)?d.container.find(f):c(f):f.jquery?f:c(f)},stackSlides:function(e,d,k){var f=this.opts();e||(e=f.slides[f.currSlide],d=f.slides[f.nextSlide],k=!f.reverse),c(e).css("zIndex",f.maxZ);var h,j=f.maxZ-2,g=f.slideCount;if(k){for(h=f.currSlide+1;g>h;h++){c(f.slides[h]).css("zIndex",j--)}for(h=0;f.currSlide>h;h++){c(f.slides[h]).css("zIndex",j--)}}else{for(h=f.currSlide-1;h>=0;h--){c(f.slides[h]).css("zIndex",j--)}for(h=g-1;h>f.currSlide;h--){c(f.slides[h]).css("zIndex",j--)}}c(d).css("zIndex",f.maxZ-1)},getSlideIndex:function(d){return this.opts().slides.index(d)}},c.fn.cycle.log=function(){window.console&&console.log&&console.log("[cycle2] "+Array.prototype.join.call(arguments," "))},c.fn.cycle.version=function(){return"Cycle2: "+a},c.fn.cycle.transitions={custom:{},none:{before:function(g,f,d,h){g.API.stackSlides(d,f,h),g.cssBefore={opacity:1,display:"block"}}},fade:{before:function(e,d,h,f){var g=e.API.getSlideOpts(e.nextSlide).slideCss||{};e.API.stackSlides(d,h,f),e.cssBefore=c.extend(g,{opacity:0,display:"block"}),e.animIn={opacity:1},e.animOut={opacity:0}}},fadeout:{before:function(e,d,h,f){var g=e.API.getSlideOpts(e.nextSlide).slideCss||{};e.API.stackSlides(d,h,f),e.cssBefore=c.extend(g,{opacity:1,display:"block"}),e.animOut={opacity:0}}},scrollHorz:{before:function(h,f,d,j){h.API.stackSlides(f,d,j);var g=h.container.css("overflow","hidden").width();h.cssBefore={left:j?g:-g,top:0,opacity:1,display:"block"},h.cssAfter={zIndex:h._maxZ-2,left:0},h.animIn={left:0},h.animOut={left:j?-g:g}}}},c.fn.cycle.defaults={allowWrap:!0,autoSelector:".cycle-slideshow[data-cycle-auto-init!=false]",delay:0,easing:null,fx:"fade",hideNonActive:!0,loop:0,manualFx:void 0,manualSpeed:void 0,manualTrump:!0,maxZ:100,pauseOnHover:!1,reverse:!1,slideActiveClass:"cycle-slide-active",slideClass:"cycle-slide",slideCss:{position:"absolute",top:0,left:0},slides:"> img",speed:500,startingSlide:0,sync:!0,timeout:4000,updateView:-1},c(document).ready(function(){c(c.fn.cycle.defaults.autoSelector).cycle()})})(jQuery),function(d){function b(e,k){var g,i,j,h=k.autoHeight;if("container"==h){i=d(k.slides[k.currSlide]).outerHeight(),k.container.height(i)}else{if(k._autoHeightRatio){k.container.height(k.container.width()/k._autoHeightRatio)}else{if("calc"===h||"number"==d.type(h)&&h>=0){if(j="calc"===h?a(e,k):h>=k.slides.length?0:h,j==k._sentinelIndex){return}k._sentinelIndex=j,k._sentinel&&k._sentinel.remove(),g=d(k.slides[j].cloneNode(!0)),g.removeAttr("id name rel").find("[id],[name],[rel]").removeAttr("id name rel"),g.css({position:"static",visibility:"hidden",display:"block"}).prependTo(k.container).addClass("cycle-sentinel cycle-slide").removeClass("cycle-slide-active"),g.find("*").css("visibility","hidden"),k._sentinel=g}}}}function a(g,e){var j=0,h=-1;return e.slides.each(function(l){var k=d(this).height();k>h&&(h=k,j=l)}),j}function f(g,e,l,h){var j=d(h).outerHeight(),k=e.sync?e.speed/2:e.speed;e.container.animate({height:j},k)}function c(e,g){g._autoHeightOnResize&&(d(window).off("resize orientationchange",g._autoHeightOnResize),g._autoHeightOnResize=null),g.container.off("cycle-slide-added cycle-slide-removed",b),g.container.off("cycle-destroyed",c),g.container.off("cycle-before",f),g._sentinel&&(g._sentinel.remove(),g._sentinel=null)}d.extend(d.fn.cycle.defaults,{autoHeight:0}),d(document).on("cycle-initialized",function(h,m){function n(){b(h,m)}var j,g=m.autoHeight,e=d.type(g),k=null;("string"===e||"number"===e)&&(m.container.on("cycle-slide-added cycle-slide-removed",b),m.container.on("cycle-destroyed",c),"container"==g?m.container.on("cycle-before",f):"string"===e&&/\d+\:\d+/.test(g)&&(j=g.match(/(\d+)\:(\d+)/),j=j[1]/j[2],m._autoHeightRatio=j),"number"!==e&&(m._autoHeightOnResize=function(){clearTimeout(k),k=setTimeout(n,50)},d(window).on("resize orientationchange",m._autoHeightOnResize)),setTimeout(n,30))})}(jQuery),function(a){a.extend(a.fn.cycle.defaults,{caption:"> .cycle-caption",captionTemplate:"{{slideNum}} / {{slideCount}}",overlay:"> .cycle-overlay",overlayTemplate:"
{{title}}
{{desc}}
",captionModule:"caption"}),a(document).on("cycle-update-view",function(c,b,e,d){"caption"===b.captionModule&&a.each(["caption","overlay"],function(){var g=this,f=e[g+"Template"],h=b.API.getComponent(g);h.length&&f?(h.html(b.API.tmpl(f,e,b,d)),h.show()):h.hide()})}),a(document).on("cycle-destroyed",function(c,b){var d;a.each(["caption","overlay"],function(){var g=this,f=b[g+"Template"];b[g]&&f&&(d=b.API.getComponent("caption"),d.empty())})})}(jQuery),function(b){var a=b.fn.cycle;b.fn.cycle=function(d){var h,e,f,g=b.makeArray(arguments);return"number"==b.type(d)?this.cycle("goto",d):"string"==b.type(d)?this.each(function(){var c;return h=d,f=b(this).data("cycle.opts"),void 0===f?(a.log('slideshow must be initialized before sending commands; "'+h+'" ignored'),void 0):(h="goto"==h?"jump":h,e=f.API[h],b.isFunction(e)?(c=b.makeArray(g),c.shift(),e.apply(f.API,c)):(a.log("unknown command: ",h),void 0))}):a.apply(this,arguments)},b.extend(b.fn.cycle,a),b.extend(a.API,{next:function(){var d=this.opts();if(!d.busy||d.manualTrump){var c=d.reverse?-1:1;d.allowWrap===!1&&d.currSlide+c>=d.slideCount||(d.API.advanceSlide(c),d.API.trigger("cycle-next",[d]).log("cycle-next"))}},prev:function(){var d=this.opts();if(!d.busy||d.manualTrump){var c=d.reverse?1:-1;d.allowWrap===!1&&0>d.currSlide+c||(d.API.advanceSlide(c),d.API.trigger("cycle-prev",[d]).log("cycle-prev"))}},destroy:function(){this.stop();var d=this.opts(),c=b.isFunction(b._data)?b._data:b.noop;clearTimeout(d.timeoutId),d.timeoutId=0,d.API.stop(),d.API.trigger("cycle-destroyed",[d]).log("cycle-destroyed"),d.container.removeData(),c(d.container[0],"parsedAttrs",!1),d.retainStylesOnDestroy||(d.container.removeAttr("style"),d.slides.removeAttr("style"),d.slides.removeClass(d.slideActiveClass)),d.slides.each(function(){b(this).removeData(),c(this,"parsedAttrs",!1)})},jump:function(f){var d,c=this.opts();if(!c.busy||c.manualTrump){var g=parseInt(f,10);if(isNaN(g)||0>g||g>=c.slides.length){return c.API.log("goto: invalid slide index: "+g),void 0}if(g==c.currSlide){return c.API.log("goto: skipping, already on slide",g),void 0}c.nextSlide=g,clearTimeout(c.timeoutId),c.timeoutId=0,c.API.log("goto: ",g," (zero-index)"),d=c.currSlideg;g++){d=f.slides[g],g==e?k=d:(h.push(d),b(d).data("cycle.opts").slideNum=j,j++)}k&&(f.slides=b(h),f.slideCount--,b(k).remove(),e==f.currSlide?f.API.advanceSlide(1):f.currSlide>e?f.currSlide--:f.currSlide++,f.API.trigger("cycle-slide-removed",[f,e,k]).log("cycle-slide-removed"),f.API.updateView())}}),b(document).on("click.cycle","[data-cycle-cmd]",function(d){d.preventDefault();var c=b(this),f=c.data("cycle-cmd"),e=c.data("cycle-context")||".cycle-slideshow";b(e).cycle(f,c.data("cycle-arg"))})}(jQuery),function(b){function a(d,c){var e;return d._hashFence?(d._hashFence=!1,void 0):(e=window.location.hash.substring(1),d.slides.each(function(f){if(b(this).data("cycle-hash")==e){if(c===!0){d.startingSlide=f}else{var g=f>d.currSlide;d.nextSlide=f,d.API.prepareTx(!0,g)}return !1}}),void 0)}b(document).on("cycle-pre-initialize",function(c,d){a(d,!0),d._onHashChange=function(){a(d,!1)},b(window).on("hashchange",d._onHashChange)}),b(document).on("cycle-update-view",function(f,d,c){c.hash&&"#"+c.hash!=window.location.hash&&(d._hashFence=!0,window.location.hash=c.hash)}),b(document).on("cycle-destroyed",function(d,c){c._onHashChange&&b(window).off("hashchange",c._onHashChange)})}(jQuery),function(a){a.extend(a.fn.cycle.defaults,{loader:!1}),a(document).on("cycle-bootstrap",function(c,b){function e(h,m){function j(l){var n;"wait"==b.loader?(i.push(l),0===f&&(i.sort(k),d.apply(b.API,[i,m]),b.container.removeClass("cycle-loading"))):(n=a(b.slides[b.currSlide]),d.apply(b.API,[l,m]),n.show(),b.container.removeClass("cycle-loading"))}function k(n,l){return n.data("index")-l.data("index")}var i=[];if("string"==a.type(h)){h=a.trim(h)}else{if("array"===a.type(h)){for(var g=0;h.length>g;g++){h[g]=a(h[g])[0]}}}h=a(h);var f=h.length;f&&(h.hide().appendTo("body").each(function(p){function r(){0===--n&&(--f,j(q))}var n=0,q=a(this),o=q.is("img")?q:q.find("img");return q.data("index",p),o=o.filter(":not(.cycle-loader-ignore)").filter(':not([src=""])'),o.length?(n=o.length,o.each(function(){this.complete?r():a(this).load(function(){r()}).error(function(){0===--n&&(b.API.log("slide skipped; img not loaded:",this.src),0===--f&&"wait"==b.loader&&d.apply(b.API,[i,m]))})}),void 0):(--f,i.push(q),void 0)}),f&&b.container.addClass("cycle-loading"))}var d;b.loader&&(d=b.API.add,b.API.add=e)})}(jQuery),function(c){function b(e,d,h){var f,g=e.API.getComponent("pager");g.each(function(){var i=c(this);if(d.pagerTemplate){var j=e.API.tmpl(d.pagerTemplate,d,e,h[0]);f=c(j).appendTo(i)}else{f=i.children().eq(e.slideCount-1)}f.on(e.pagerEvent,function(k){k.preventDefault(),e.API.page(i,k.currentTarget)})})}function a(h,f){var d=this.opts();if(!d.busy||d.manualTrump){var k=h.children().index(f),g=k,j=g>d.currSlide;d.currSlide!=g&&(d.nextSlide=g,d.API.prepareTx(!0,j),d.API.trigger("cycle-pager-activated",[d,h,f]))}}c.extend(c.fn.cycle.defaults,{pager:"> .cycle-pager",pagerActiveClass:"cycle-pager-active",pagerEvent:"click.cycle",pagerTemplate:"•"}),c(document).on("cycle-bootstrap",function(f,d,g){g.buildPagerLink=b}),c(document).on("cycle-slide-added",function(g,d,h,f){d.pager&&(d.API.buildPagerLink(d,h,f),d.API.page=a)}),c(document).on("cycle-slide-removed",function(e,d,g){if(d.pager){var f=d.API.getComponent("pager");f.each(function(){var h=c(this);c(h.children()[g]).remove()})}}),c(document).on("cycle-update-view",function(e,d){var f;d.pager&&(f=d.API.getComponent("pager"),f.each(function(){c(this).children().removeClass(d.pagerActiveClass).eq(d.currSlide).addClass(d.pagerActiveClass)}))}),c(document).on("cycle-destroyed",function(g,f){var d=f.API.getComponent("pager");d&&(d.children().off(f.pagerEvent),f.pagerTemplate&&d.empty())})}(jQuery),function(a){a.extend(a.fn.cycle.defaults,{next:"> .cycle-next",nextEvent:"click.cycle",disabledClass:"disabled",prev:"> .cycle-prev",prevEvent:"click.cycle",swipe:!1}),a(document).on("cycle-initialized",function(d,c){if(c.API.getComponent("next").on(c.nextEvent,function(g){g.preventDefault(),c.API.next()}),c.API.getComponent("prev").on(c.prevEvent,function(g){g.preventDefault(),c.API.prev()}),c.swipe){var b=c.swipeVert?"swipeUp.cycle":"swipeLeft.cycle swipeleft.cycle",f=c.swipeVert?"swipeDown.cycle":"swipeRight.cycle swiperight.cycle";c.container.on(b,function(){c.API.next()}),c.container.on(f,function(){c.API.prev()})}}),a(document).on("cycle-update-view",function(g,d){if(!d.allowWrap){var b=d.disabledClass,k=d.API.getComponent("next"),f=d.API.getComponent("prev"),h=d._prevBoundry||0,j=void 0!==d._nextBoundry?d._nextBoundry:d.slideCount-1;d.currSlide==j?k.addClass(b).prop("disabled",!0):k.removeClass(b).prop("disabled",!1),d.currSlide===h?f.addClass(b).prop("disabled",!0):f.removeClass(b).prop("disabled",!1)}}),a(document).on("cycle-destroyed",function(c,b){b.API.getComponent("prev").off(b.nextEvent),b.API.getComponent("next").off(b.prevEvent),b.container.off("swipeleft.cycle swiperight.cycle swipeLeft.cycle swipeRight.cycle swipeUp.cycle swipeDown.cycle")})}(jQuery),function(a){a.extend(a.fn.cycle.defaults,{progressive:!1}),a(document).on("cycle-pre-initialize",function(p,h){if(h.progressive){var f,q,e=h.API,k=e.next,b=e.prev,g=e.prepareTx,m=a.type(h.progressive);if("array"==m){f=h.progressive}else{if(a.isFunction(h.progressive)){f=h.progressive(h)}else{if("string"==m){if(q=a(h.progressive),f=a.trim(q.html()),!f){return}if(/^(\[)/.test(f)){try{f=a.parseJSON(f)}catch(j){return e.log("error parsing progressive slides",j),void 0}}else{f=f.split(RegExp(q.data("cycle-split")||"\n")),f[f.length-1]||f.pop()}}}}g&&(e.prepareTx=function(i,c){var d,l;return i||0===f.length?(g.apply(h.API,[i,c]),void 0):(c&&h.currSlide==h.slideCount-1?(l=f[0],f=f.slice(1),h.container.one("cycle-slide-added",function(o,n){setTimeout(function(){n.API.advanceSlide(1)},50)}),h.API.add(l)):c||0!==h.currSlide?g.apply(h.API,[i,c]):(d=f.length-1,l=f[d],f=f.slice(0,d),h.container.one("cycle-slide-added",function(o,n){setTimeout(function(){n.currSlide=1,n.API.advanceSlide(-1)},50)}),h.API.add(l,!0)),void 0)}),k&&(e.next=function(){var d=this.opts();if(f.length&&d.currSlide==d.slideCount-1){var c=f[0];f=f.slice(1),d.container.one("cycle-slide-added",function(l,i){k.apply(i.API),i.container.removeClass("cycle-loading")}),d.container.addClass("cycle-loading"),d.API.add(c)}else{k.apply(d.API)}}),b&&(e.prev=function(){var l=this.opts();if(f.length&&0===l.currSlide){var d=f.length-1,c=f[d];f=f.slice(0,d),l.container.one("cycle-slide-added",function(n,i){i.currSlide=1,i.API.advanceSlide(-1),i.container.removeClass("cycle-loading")}),l.container.addClass("cycle-loading"),l.API.add(c,!0)}else{b.apply(l.API)}})}})}(jQuery),function(a){a.extend(a.fn.cycle.defaults,{tmplRegex:"{{((.)?.*?)}}"}),a.extend(a.fn.cycle.API,{tmpl:function(c,b){var e=RegExp(b.tmplRegex||a.fn.cycle.defaults.tmplRegex,"g"),d=a.makeArray(arguments);return d.shift(),c.replace(e,function(h,g){var p,k,m,j,f=g.split(".");for(p=0;d.length>p;p++){if(m=d[p]){if(f.length>1){for(j=m,k=0;f.length>k;k++){m=j,j=j[f[k]]||g}}else{j=m[g]}if(a.isFunction(j)){return j.apply(m,d)}if(void 0!==j&&null!==j&&j!=g){return j}}}return g})}})}(jQuery);(function(a){a(document).on("cycle-bootstrap",function(d,c,b){"carousel"===c.fx&&(b.getSlideIndex=function(h){var g=this.opts()._carouselWrap.children(),f=g.index(h);return f%g.length},b.next=function(){var f=c.reverse?-1:1;c.allowWrap===!1&&c.currSlide+f>c.slideCount-c.carouselVisible||(c.API.advanceSlide(f),c.API.trigger("cycle-next",[c]).log("cycle-next"))})}),a.fn.cycle.transitions.carousel={preInit:function(c){c.hideNonActive=!1,c.container.on("cycle-destroyed",a.proxy(this.onDestroy,c.API)),c.API.stopTransition=this.stopTransition;for(var b=0;c.startingSlide>b;b++){c.container.append(c.slides[0])}},postInit:function(e){var d,k,f,h,b=e.carouselVertical;e.carouselVisible&&e.carouselVisible>e.slideCount&&(e.carouselVisible=e.slideCount-1);var g=e.carouselVisible||e.slides.length,j={display:b?"block":"inline-block",position:"static"};if(e.container.css({position:"relative",overflow:"hidden"}),e.slides.css(j),e._currSlide=e.currSlide,h=a('
').prependTo(e.container).css({margin:0,padding:0,top:0,left:0,position:"absolute"}).append(e.slides),e._carouselWrap=h,b||h.css("white-space","nowrap"),e.allowWrap!==!1){for(k=0;(void 0===e.carouselVisible?2:1)>k;k++){for(d=0;e.slideCount>d;d++){h.append(e.slides[d].cloneNode(!0))}for(d=e.slideCount;d--;){h.prepend(e.slides[d].cloneNode(!0))}}h.find(".cycle-slide-active").removeClass("cycle-slide-active"),e.slides.eq(e.startingSlide).addClass("cycle-slide-active")}e.pager&&e.allowWrap===!1&&(f=e.slideCount-g,a(e.pager).children().filter(":gt("+f+")").hide()),e._nextBoundry=e.slideCount-e.carouselVisible,this.prepareDimensions(e)},prepareDimensions:function(d){var c,h,e,g=d.carouselVertical,b=d.carouselVisible||d.slides.length;if(d.carouselFluid&&d.carouselVisible?d._carouselResizeThrottle||this.fluidSlides(d):d.carouselVisible&&d.carouselSlideDimension?(c=b*d.carouselSlideDimension,d.container[g?"height":"width"](c)):d.carouselVisible&&(c=b*a(d.slides[0])[g?"outerHeight":"outerWidth"](!0),d.container[g?"height":"width"](c)),h=d.carouselOffset||0,d.allowWrap!==!1){if(d.carouselSlideDimension){h-=(d.slideCount+d.currSlide)*d.carouselSlideDimension}else{e=d._carouselWrap.children();for(var f=0;d.slideCount+d.currSlide>f;f++){h-=a(e[f])[g?"outerHeight":"outerWidth"](!0)}}}d._carouselWrap.css(g?"top":"left",h)},fluidSlides:function(d){function c(){clearTimeout(e),e=setTimeout(h,20)}function h(){d._carouselWrap.stop(!1,!0);var i=d.container.width()/d.carouselVisible;i=Math.ceil(i-b),d._carouselWrap.children().width(i),d._sentinel&&d._sentinel.width(i),f(d)}var e,g=d.slides.eq(0),b=g.outerWidth()-g.width(),f=this.prepareDimensions;a(window).on("resize",c),d._carouselResizeThrottle=c,h()},transition:function(j,w,g,x,f){var h,b={},m=j.nextSlide-j.currSlide,q=j.carouselVertical,k=j.speed;if(j.allowWrap===!1){x=m>0;var v=j._currSlide,e=j.slideCount-j.carouselVisible;m>0&&j.nextSlide>e&&v==e?m=0:m>0&&j.nextSlide>e?m=j.nextSlide-v-(j.nextSlide-e):0>m&&j.currSlide>e&&j.nextSlide>e?m=0:0>m&&j.currSlide>e?m+=j.currSlide-e:v=j.currSlide,h=this.getScroll(j,q,v,m),j.API.opts()._currSlide=j.nextSlide>e?e:j.nextSlide}else{x&&0===j.nextSlide?(h=this.getDim(j,j.currSlide,q),f=this.genCallback(j,x,q,f)):x||j.nextSlide!=j.slideCount-1?h=this.getScroll(j,q,j.currSlide,m):(h=this.getDim(j,j.currSlide,q),f=this.genCallback(j,x,q,f))}b[q?"top":"left"]=x?"-="+h:"+="+h,j.throttleSpeed&&(k=h/a(j.slides[0])[q?"height":"width"]()*j.speed),j._carouselWrap.animate(b,k,j.easing,f)},getDim:function(c,b,e){var d=a(c.slides[b]);return d[e?"outerHeight":"outerWidth"](!0)},getScroll:function(f,c,b,h){var d,g=0;if(h>0){for(d=b;b+h>d;d++){g+=this.getDim(f,d,c)}}else{for(d=b;d>b+h;d--){g+=this.getDim(f,d,c)}}return g},genCallback:function(c,b,e,d){return function(){var f=a(c.slides[c.nextSlide]).position(),g=0-f[e?"top":"left"]+(c.carouselOffset||0);c._carouselWrap.css(c.carouselVertical?"top":"left",g),d()}},stopTransition:function(){var b=this.opts();b.slides.stop(!1,!0),b._carouselWrap.stop(!1,!0)},onDestroy:function(){var b=this.opts();b._carouselResizeThrottle&&a(window).off("resize",b._carouselResizeThrottle),b.slides.prependTo(b.container),b._carouselWrap.remove()}}})(jQuery);(function(f){var c=f(window);var d=f("body");var e=false;var j=(typeof matchMedia!=="undefined");if(j){k();c.on("resize",function(){clearTimeout(this.resizeTimeout);this.resizeTimeout=setTimeout(k,200)})}else{e=true;d.addClass("wide")}function k(){if(window.matchMedia("screen and (min-width: 761px)").matches){e=true;d.addClass("wide")}else{e=false;d.removeClass("wide")}f(".panel, .panel-content, .panel-title").removeAttr("style");f(".panel-content a").blur()}var g={expandHorz:function(l){f(".panel-title").stop(true,true).fadeOut(200);l.stop().removeClass("compressed").addClass("expanded").animate({width:"64%"},700);f(".panel-content",l).stop(true,true).delay(400).fadeIn(400);l.siblings(".panel").stop().removeClass("expanded").addClass("compressed").animate({width:"12%"},700);l.siblings(".panel").find(".panel-content").stop(true,true).fadeOut(400,function(){f(this).delay(500).removeAttr("style")});i("open",(f(".panel").index(l)+1),l.attr("id"))},contractHorz:function(){f(".panel").stop().animate({width:"25%"},700,function(){f(".panel-title").fadeIn(250)}).removeClass("expanded compressed");f(".panel-content").stop(true,true).delay(200).fadeOut(500)},expandVert:function(l){f(".panel-title").stop(true,true).fadeOut(200);l.stop().removeClass("compressed").addClass("expanded").animate({height:"22em"},700);l.siblings(".panel").stop().removeClass("expanded").addClass("compressed").animate({height:"3em"},700);f(".panel-content",l).stop(true,true).delay(400).fadeIn(400);l.siblings(".panel").find(".panel-content").stop(true,true).fadeOut(400,function(){f(this).delay(500).removeAttr("style")});i("open",(f(".panel").index(l)+1),l.attr("id"))},contractVert:function(){f(".panel").stop().animate({height:"4.5em"},700,function(){f(".panel-title").fadeIn(250)}).removeClass("expanded compressed");f(".panel-content").stop(true,true).fadeOut(500)},};var h=200;var a;f(".accordion").on("mouseleave",function(){clearTimeout(a);h=200});f(".panel").hover(function(){var l=f(this);clearTimeout(a);a=setTimeout(function(){if(e){g.expandHorz(l)}else{g.expandVert(l)}h=0},h)},function(){if(e){g.contractHorz(f(this))}else{g.contractVert()}});f(".panel").on("click focus",function(l){if(!f(this).hasClass("expanded")){if(e){g.expandHorz(f(this))}else{g.expandVert(f(this))}}});f(".panel > a").on("blur",function(){if(e){g.contractHorz()}else{g.contractVert()}});function b(){var l=f('");var m=f('");var n=f('');l.prependTo(n);m.prependTo(n);n.prependTo(".extra-news > .control");f(".news-buttons .btn-next").bind("click",function(){gaTrack(["_trackEvent","Mozilla in the News Interactions","Next","News Navigation Arrows"])});f(".news-buttons .btn-prev").bind("click",function(){gaTrack(["_trackEvent","Mozilla in the News Interactions","Previous","News Navigation Arrows"])})}b();var i=function(l,m){gaTrack(["_trackEvent","Homepage Interactions","open",l+":"+m])};f(".panel-content a").on("click",function(n){n.preventDefault();var l=f(this).parents(".panel");var m=this.href;var o=function(){f(this).blur();window.open(m,'_blank')};gaTrack(["_trackEvent","Homepage Interactions","click",(l.index()+1)+":"+l.attr("id")],o)});f("#home-promo-donate-form").submit(function(n){n.preventDefault();var m=f(this);m.unbind("submit");var l=f(this).parents(".panel");gaTrack(["_trackEvent","Homepage Interactions","submit",(l.index()+1)+":donate"],function(){m.submit()})});f(".extra-news a").on("click",function(m){m.preventDefault();var l=this.href;var n=function(){window.location=l};gaTrack(["_trackEvent","Mozilla in the News Interactions","click",l],n)});f(".extra-contribute a, .engage a").on("click",function(m){m.preventDefault();var l=this.href;var n=function(){window.location=l};gaTrack(["_trackEvent","Get Involved Interactions","clicks","Get Involved Button"],n)});f(".download-link").on("click",function(n){n.preventDefault();var m=this.href;var o=function(){window.location=m};var l;if(f(this).parents("li").hasClass("os_android")){l="Firefox for Android"}else{l="Firefox Desktop"}gaTrack(["_trackEvent","Firefox Downloads","download click",l],o)})})(window.jQuery); diff --git a/src/client/js/min.js b/src/client/js/min.js new file mode 100644 index 0000000..762ac64 --- /dev/null +++ b/src/client/js/min.js @@ -0,0 +1,987 @@ +(function(c) { + function b(d) { + return (d || "").toLowerCase() + } + var a = "20130725"; + c.fn.cycle = function(d) { + var e; + return 0 !== this.length || c.isReady ? this.each(function() { + var m, h, j, k, i = c(this), + g = c.fn.cycle.log; + if (!i.data("cycle.opts")) { + (i.data("cycle-log") === !1 || d && d.log === !1 || h && h.log === !1) && (g = c.noop), g("--c2 init--"), m = i.data(); + for (var f in m) { + m.hasOwnProperty(f) && /^cycle[A-Z]+/.test(f) && (k = m[f], j = f.match(/^cycle(.*)/)[1].replace(/^[A-Z]/, b), g(j + ":", k, "(" + typeof k + ")"), m[j] = k) + } + h = c.extend({}, c.fn.cycle.defaults, m, d || {}), h.timeoutId = 0, h.paused = h.paused || !1, h.container = i, h._maxZ = h.maxZ, h.API = c.extend({ + _container: i + }, c.fn.cycle.API), h.API.log = g, h.API.trigger = function(n, l) { + return h.container.trigger(n, l), h.API + }, i.data("cycle.opts", h), i.data("cycle.API", h.API), h.API.trigger("cycle-bootstrap", [h, h.API]), h.API.addInitialSlides(), h.API.preInitSlideshow(), h.slides.length && h.API.initSlideshow() + } + }) : (e = { + s: this.selector, + c: this.context + }, c.fn.cycle.log("requeuing slideshow (dom not ready)"), c(function() { + c(e.s, e.c).cycle(d) + }), this) + }, c.fn.cycle.API = { + opts: function() { + return this._container.data("cycle.opts") + }, + addInitialSlides: function() { + var e = this.opts(), + d = e.slides; + e.slideCount = 0, e.slides = c(), d = d.jquery ? d : e.container.find(d), e.random && d.sort(function() { + return Math.random() - 0.5 + }), e.API.add(d) + }, + preInitSlideshow: function() { + var e = this.opts(); + e.API.trigger("cycle-pre-initialize", [e]); + var d = c.fn.cycle.transitions[e.fx]; + d && c.isFunction(d.preInit) && d.preInit(e), e._preInitialized = !0 + }, + postInitSlideshow: function() { + var e = this.opts(); + e.API.trigger("cycle-post-initialize", [e]); + var d = c.fn.cycle.transitions[e.fx]; + d && c.isFunction(d.postInit) && d.postInit(e) + }, + initSlideshow: function() { + var e, d = this.opts(), + f = d.container; + d.API.calcFirstSlide(), "static" == d.container.css("position") && d.container.css("position", "relative"), c(d.slides[d.currSlide]).css("opacity", 1).show(), d.API.stackSlides(d.slides[d.currSlide], d.slides[d.nextSlide], !d.reverse), d.pauseOnHover && (d.pauseOnHover !== !0 && (f = c(d.pauseOnHover)), f.hover(function() { + d.API.pause(!0) + }, function() { + d.API.resume(!0) + })), d.timeout && (e = d.API.getSlideOpts(d.nextSlide), d.API.queueTransition(e, e.timeout + d.delay)), d._initialized = !0, d.API.updateView(!0), d.API.trigger("cycle-initialized", [d]), d.API.postInitSlideshow() + }, + pause: function(e) { + var d = this.opts(), + g = d.API.getSlideOpts(), + f = d.hoverPaused || d.paused; + e ? d.hoverPaused = !0 : d.paused = !0, f || (d.container.addClass("cycle-paused"), d.API.trigger("cycle-paused", [d]).log("cycle-paused"), g.timeout && (clearTimeout(d.timeoutId), d.timeoutId = 0, d._remainingTimeout -= c.now() - d._lastQueue, (0 > d._remainingTimeout || isNaN(d._remainingTimeout)) && (d._remainingTimeout = void 0))) + }, + resume: function(g) { + var f = this.opts(), + d = !f.hoverPaused && !f.paused; + g ? f.hoverPaused = !1 : f.paused = !1, d || (f.container.removeClass("cycle-paused"), 0 === f.slides.filter(":animated").length && f.API.queueTransition(f.API.getSlideOpts(), f._remainingTimeout), f.API.trigger("cycle-resumed", [f, f._remainingTimeout]).log("cycle-resumed")) + }, + add: function(e, d) { + var j, f = this.opts(), + g = f.slideCount, + h = !1; + "string" == c.type(e) && (e = c.trim(e)), c(e).each(function() { + var i, k = c(this); + d ? f.container.prepend(k) : f.container.append(k), f.slideCount++, i = f.API.buildSlideOpts(k), f.slides = d ? c(k).add(f.slides) : f.slides.add(k), f.API.initSlide(i, k, --f._maxZ), k.data("cycle.opts", i), f.API.trigger("cycle-slide-added", [f, i, k]) + }), f.API.updateView(!0), h = f._preInitialized && 2 > g && f.slideCount >= 1, h && (f._initialized ? f.timeout && (j = f.slides.length, f.nextSlide = f.reverse ? j - 1 : 1, f.timeoutId || f.API.queueTransition(f)) : f.API.initSlideshow()) + }, + calcFirstSlide: function() { + var f, d = this.opts(); + f = parseInt(d.startingSlide || 0, 10), (f >= d.slides.length || 0 > f) && (f = 0), d.currSlide = f, d.reverse ? (d.nextSlide = f - 1, 0 > d.nextSlide && (d.nextSlide = d.slides.length - 1)) : (d.nextSlide = f + 1, d.nextSlide == d.slides.length && (d.nextSlide = 0)) + }, + calcNextSlide: function() { + var f, d = this.opts(); + d.reverse ? (f = 0 > d.nextSlide - 1, d.nextSlide = f ? d.slideCount - 1 : d.nextSlide - 1, d.currSlide = f ? 0 : d.nextSlide + 1) : (f = d.nextSlide + 1 == d.slides.length, d.nextSlide = f ? 0 : d.nextSlide + 1, d.currSlide = f ? d.slides.length - 1 : d.nextSlide - 1) + }, + calcTx: function(e, d) { + var g, f = e; + return d && f.manualFx && (g = c.fn.cycle.transitions[f.manualFx]), g || (g = c.fn.cycle.transitions[f.fx]), g || (g = c.fn.cycle.transitions.fade, f.API.log('Transition "' + f.fx + '" not found. Using fade.')), g + }, + prepareTx: function(j, f) { + var d, m, g, k, l, h = this.opts(); + return 2 > h.slideCount ? (h.timeoutId = 0, void 0) : (!j || h.busy && !h.manualTrump || (h.API.stopTransition(), h.busy = !1, clearTimeout(h.timeoutId), h.timeoutId = 0), h.busy || (0 !== h.timeoutId || j) && (m = h.slides[h.currSlide], g = h.slides[h.nextSlide], k = h.API.getSlideOpts(h.nextSlide), l = h.API.calcTx(k, j), h._tx = l, j && void 0 !== k.manualSpeed && (k.speed = k.manualSpeed), h.nextSlide != h.currSlide && (j || !h.paused && !h.hoverPaused && h.timeout) ? (h.API.trigger("cycle-before", [k, m, g, f]), l.before && l.before(k, m, g, f), d = function() { + h.busy = !1, h.container.data("cycle.opts") && (l.after && l.after(k, m, g, f), h.API.trigger("cycle-after", [k, m, g, f]), h.API.queueTransition(k), h.API.updateView(!0)) + }, h.busy = !0, l.transition ? l.transition(k, m, g, f, d) : h.API.doTransition(k, m, g, f, d), h.API.calcNextSlide(), h.API.updateView()) : h.API.queueTransition(k)), void 0) + }, + doTransition: function(m, h, f, p, e) { + var j = m, + d = c(h), + g = c(f), + k = function() { + g.animate(j.animIn || { + opacity: 1 + }, j.speed, j.easeIn || j.easing, e) + }; + g.css(j.cssBefore || {}), d.animate(j.animOut || {}, j.speed, j.easeOut || j.easing, function() { + d.css(j.cssAfter || {}), j.sync || k() + }), j.sync && k() + }, + queueTransition: function(e, d) { + var g = this.opts(), + f = void 0 !== d ? d : e.timeout; + return 0 === g.nextSlide && 0 === --g.loop ? (g.API.log("terminating; loop=0"), g.timeout = 0, f ? setTimeout(function() { + g.API.trigger("cycle-finished", [g]) + }, f) : g.API.trigger("cycle-finished", [g]), g.nextSlide = g.currSlide, void 0) : (f && (g._lastQueue = c.now(), void 0 === d && (g._remainingTimeout = e.timeout), g.paused || g.hoverPaused || (g.timeoutId = setTimeout(function() { + g.API.prepareTx(!1, !g.reverse) + }, f))), void 0) + }, + stopTransition: function() { + var d = this.opts(); + d.slides.filter(":animated").length && (d.slides.stop(!1, !0), d.API.trigger("cycle-transition-stopped", [d])), d._tx && d._tx.stopTransition && d._tx.stopTransition(d) + }, + advanceSlide: function(f) { + var d = this.opts(); + return clearTimeout(d.timeoutId), d.timeoutId = 0, d.nextSlide = d.currSlide + f, 0 > d.nextSlide ? d.nextSlide = d.slides.length - 1 : d.nextSlide >= d.slides.length && (d.nextSlide = 0), d.API.prepareTx(!0, f >= 0), !1 + }, + buildSlideOpts: function(e) { + var k, f, h = this.opts(), + j = e.data() || {}; + for (var g in j) { + j.hasOwnProperty(g) && /^cycle[A-Z]+/.test(g) && (k = j[g], f = g.match(/^cycle(.*)/)[1].replace(/^[A-Z]/, b), h.API.log("[" + (h.slideCount - 1) + "]", f + ":", k, "(" + typeof k + ")"), j[f] = k) + } + j = c.extend({}, c.fn.cycle.defaults, h, j), j.slideNum = h.slideCount; + try { + delete j.API, delete j.slideCount, delete j.currSlide, delete j.nextSlide, delete j.slides + } catch (d) {} + return j + }, + getSlideOpts: function(e) { + var d = this.opts(); + void 0 === e && (e = d.currSlide); + var g = d.slides[e], + f = c(g).data("cycle.opts"); + return c.extend({}, d, f) + }, + initSlide: function(e, d, g) { + var f = this.opts(); + d.css(e.slideCss || {}), g > 0 && d.css("zIndex", g), isNaN(e.speed) && (e.speed = c.fx.speeds[e.speed] || c.fx.speeds._default), e.sync || (e.speed = e.speed / 2), d.addClass(f.slideClass) + }, + updateView: function(h, f) { + var d = this.opts(); + if (d._initialized) { + var j = d.API.getSlideOpts(), + g = d.slides[d.currSlide]; + !h && f !== !0 && (d.API.trigger("cycle-update-view-before", [d, j, g]), 0 > d.updateView) || (d.slideActiveClass && d.slides.removeClass(d.slideActiveClass).eq(d.currSlide).addClass(d.slideActiveClass), h && d.hideNonActive && d.slides.filter(":not(." + d.slideActiveClass + ")").hide(), d.API.trigger("cycle-update-view", [d, j, g, h]), h && d.API.trigger("cycle-update-view-after", [d, j, g])) + } + }, + getComponent: function(e) { + var d = this.opts(), + f = d[e]; + return "string" == typeof f ? /^\s*[\>|\+|~]/.test(f) ? d.container.find(f) : c(f) : f.jquery ? f : c(f) + }, + stackSlides: function(e, d, k) { + var f = this.opts(); + e || (e = f.slides[f.currSlide], d = f.slides[f.nextSlide], k = !f.reverse), c(e).css("zIndex", f.maxZ); + var h, j = f.maxZ - 2, + g = f.slideCount; + if (k) { + for (h = f.currSlide + 1; g > h; h++) { + c(f.slides[h]).css("zIndex", j--) + } + for (h = 0; f.currSlide > h; h++) { + c(f.slides[h]).css("zIndex", j--) + } + } else { + for (h = f.currSlide - 1; h >= 0; h--) { + c(f.slides[h]).css("zIndex", j--) + } + for (h = g - 1; h > f.currSlide; h--) { + c(f.slides[h]).css("zIndex", j--) + } + } + c(d).css("zIndex", f.maxZ - 1) + }, + getSlideIndex: function(d) { + return this.opts().slides.index(d) + } + }, c.fn.cycle.log = function() { + window.console && console.log && console.log("[cycle2] " + Array.prototype.join.call(arguments, " ")) + }, c.fn.cycle.version = function() { + return "Cycle2: " + a + }, c.fn.cycle.transitions = { + custom: {}, + none: { + before: function(g, f, d, h) { + g.API.stackSlides(d, f, h), g.cssBefore = { + opacity: 1, + display: "block" + } + } + }, + fade: { + before: function(e, d, h, f) { + var g = e.API.getSlideOpts(e.nextSlide).slideCss || {}; + e.API.stackSlides(d, h, f), e.cssBefore = c.extend(g, { + opacity: 0, + display: "block" + }), e.animIn = { + opacity: 1 + }, e.animOut = { + opacity: 0 + } + } + }, + fadeout: { + before: function(e, d, h, f) { + var g = e.API.getSlideOpts(e.nextSlide).slideCss || {}; + e.API.stackSlides(d, h, f), e.cssBefore = c.extend(g, { + opacity: 1, + display: "block" + }), e.animOut = { + opacity: 0 + } + } + }, + scrollHorz: { + before: function(h, f, d, j) { + h.API.stackSlides(f, d, j); + var g = h.container.css("overflow", "hidden").width(); + h.cssBefore = { + left: j ? g : -g, + top: 0, + opacity: 1, + display: "block" + }, h.cssAfter = { + zIndex: h._maxZ - 2, + left: 0 + }, h.animIn = { + left: 0 + }, h.animOut = { + left: j ? -g : g + } + } + } + }, c.fn.cycle.defaults = { + allowWrap: !0, + autoSelector: ".cycle-slideshow[data-cycle-auto-init!=false]", + delay: 0, + easing: null, + fx: "fade", + hideNonActive: !0, + loop: 0, + manualFx: void 0, + manualSpeed: void 0, + manualTrump: !0, + maxZ: 100, + pauseOnHover: !1, + reverse: !1, + slideActiveClass: "cycle-slide-active", + slideClass: "cycle-slide", + slideCss: { + position: "absolute", + top: 0, + left: 0 + }, + slides: "> img", + speed: 500, + startingSlide: 0, + sync: !0, + timeout: 4000, + updateView: -1 + }, c(document).ready(function() { + c(c.fn.cycle.defaults.autoSelector).cycle() + }) +})(jQuery), +function(d) { + function b(e, k) { + var g, i, j, h = k.autoHeight; + if ("container" == h) { + i = d(k.slides[k.currSlide]).outerHeight(), k.container.height(i) + } else { + if (k._autoHeightRatio) { + k.container.height(k.container.width() / k._autoHeightRatio) + } else { + if ("calc" === h || "number" == d.type(h) && h >= 0) { + if (j = "calc" === h ? a(e, k) : h >= k.slides.length ? 0 : h, j == k._sentinelIndex) { + return + } + k._sentinelIndex = j, k._sentinel && k._sentinel.remove(), g = d(k.slides[j].cloneNode(!0)), g.removeAttr("id name rel").find("[id],[name],[rel]").removeAttr("id name rel"), g.css({ + position: "static", + visibility: "hidden", + display: "block" + }).prependTo(k.container).addClass("cycle-sentinel cycle-slide").removeClass("cycle-slide-active"), g.find("*").css("visibility", "hidden"), k._sentinel = g + } + } + } + } + + function a(g, e) { + var j = 0, + h = -1; + return e.slides.each(function(l) { + var k = d(this).height(); + k > h && (h = k, j = l) + }), j + } + + function f(g, e, l, h) { + var j = d(h).outerHeight(), + k = e.sync ? e.speed / 2 : e.speed; + e.container.animate({ + height: j + }, k) + } + + function c(e, g) { + g._autoHeightOnResize && (d(window).off("resize orientationchange", g._autoHeightOnResize), g._autoHeightOnResize = null), g.container.off("cycle-slide-added cycle-slide-removed", b), g.container.off("cycle-destroyed", c), g.container.off("cycle-before", f), g._sentinel && (g._sentinel.remove(), g._sentinel = null) + } + d.extend(d.fn.cycle.defaults, { + autoHeight: 0 + }), d(document).on("cycle-initialized", function(h, m) { + function n() { + b(h, m) + } + var j, g = m.autoHeight, + e = d.type(g), + k = null; + ("string" === e || "number" === e) && (m.container.on("cycle-slide-added cycle-slide-removed", b), m.container.on("cycle-destroyed", c), "container" == g ? m.container.on("cycle-before", f) : "string" === e && /\d+\:\d+/.test(g) && (j = g.match(/(\d+)\:(\d+)/), j = j[1] / j[2], m._autoHeightRatio = j), "number" !== e && (m._autoHeightOnResize = function() { + clearTimeout(k), k = setTimeout(n, 50) + }, d(window).on("resize orientationchange", m._autoHeightOnResize)), setTimeout(n, 30)) + }) +}(jQuery), +function(a) { + a.extend(a.fn.cycle.defaults, { + caption: "> .cycle-caption", + captionTemplate: "{{slideNum}} / {{slideCount}}", + overlay: "> .cycle-overlay", + overlayTemplate: "
{{title}}
{{desc}}
", + captionModule: "caption" + }), a(document).on("cycle-update-view", function(c, b, e, d) { + "caption" === b.captionModule && a.each(["caption", "overlay"], function() { + var g = this, + f = e[g + "Template"], + h = b.API.getComponent(g); + h.length && f ? (h.html(b.API.tmpl(f, e, b, d)), h.show()) : h.hide() + }) + }), a(document).on("cycle-destroyed", function(c, b) { + var d; + a.each(["caption", "overlay"], function() { + var g = this, + f = b[g + "Template"]; + b[g] && f && (d = b.API.getComponent("caption"), d.empty()) + }) + }) +}(jQuery), +function(b) { + var a = b.fn.cycle; + b.fn.cycle = function(d) { + var h, e, f, g = b.makeArray(arguments); + return "number" == b.type(d) ? this.cycle("goto", d) : "string" == b.type(d) ? this.each(function() { + var c; + return h = d, f = b(this).data("cycle.opts"), void 0 === f ? (a.log('slideshow must be initialized before sending commands; "' + h + '" ignored'), void 0) : (h = "goto" == h ? "jump" : h, e = f.API[h], b.isFunction(e) ? (c = b.makeArray(g), c.shift(), e.apply(f.API, c)) : (a.log("unknown command: ", h), void 0)) + }) : a.apply(this, arguments) + }, b.extend(b.fn.cycle, a), b.extend(a.API, { + next: function() { + var d = this.opts(); + if (!d.busy || d.manualTrump) { + var c = d.reverse ? -1 : 1; + d.allowWrap === !1 && d.currSlide + c >= d.slideCount || (d.API.advanceSlide(c), d.API.trigger("cycle-next", [d]).log("cycle-next")) + } + }, + prev: function() { + var d = this.opts(); + if (!d.busy || d.manualTrump) { + var c = d.reverse ? 1 : -1; + d.allowWrap === !1 && 0 > d.currSlide + c || (d.API.advanceSlide(c), d.API.trigger("cycle-prev", [d]).log("cycle-prev")) + } + }, + destroy: function() { + this.stop(); + var d = this.opts(), + c = b.isFunction(b._data) ? b._data : b.noop; + clearTimeout(d.timeoutId), d.timeoutId = 0, d.API.stop(), d.API.trigger("cycle-destroyed", [d]).log("cycle-destroyed"), d.container.removeData(), c(d.container[0], "parsedAttrs", !1), d.retainStylesOnDestroy || (d.container.removeAttr("style"), d.slides.removeAttr("style"), d.slides.removeClass(d.slideActiveClass)), d.slides.each(function() { + b(this).removeData(), c(this, "parsedAttrs", !1) + }) + }, + jump: function(f) { + var d, c = this.opts(); + if (!c.busy || c.manualTrump) { + var g = parseInt(f, 10); + if (isNaN(g) || 0 > g || g >= c.slides.length) { + return c.API.log("goto: invalid slide index: " + g), void 0 + } + if (g == c.currSlide) { + return c.API.log("goto: skipping, already on slide", g), void 0 + } + c.nextSlide = g, clearTimeout(c.timeoutId), c.timeoutId = 0, c.API.log("goto: ", g, " (zero-index)"), d = c.currSlide < c.nextSlide, c.API.prepareTx(!0, d) + } + }, + stop: function() { + var d = this.opts(), + c = d.container; + clearTimeout(d.timeoutId), d.timeoutId = 0, d.API.stopTransition(), d.pauseOnHover && (d.pauseOnHover !== !0 && (c = b(d.pauseOnHover)), c.off("mouseenter mouseleave")), d.API.trigger("cycle-stopped", [d]).log("cycle-stopped") + }, + reinit: function() { + var c = this.opts(); + c.API.destroy(), c.container.cycle() + }, + remove: function(e) { + for (var d, k, f = this.opts(), h = [], j = 1, g = 0; f.slides.length > g; g++) { + d = f.slides[g], g == e ? k = d : (h.push(d), b(d).data("cycle.opts").slideNum = j, j++) + } + k && (f.slides = b(h), f.slideCount--, b(k).remove(), e == f.currSlide ? f.API.advanceSlide(1) : f.currSlide > e ? f.currSlide-- : f.currSlide++, f.API.trigger("cycle-slide-removed", [f, e, k]).log("cycle-slide-removed"), f.API.updateView()) + } + }), b(document).on("click.cycle", "[data-cycle-cmd]", function(d) { + d.preventDefault(); + var c = b(this), + f = c.data("cycle-cmd"), + e = c.data("cycle-context") || ".cycle-slideshow"; + b(e).cycle(f, c.data("cycle-arg")) + }) +}(jQuery), +function(b) { + function a(d, c) { + var e; + return d._hashFence ? (d._hashFence = !1, void 0) : (e = window.location.hash.substring(1), d.slides.each(function(f) { + if (b(this).data("cycle-hash") == e) { + if (c === !0) { + d.startingSlide = f + } else { + var g = f > d.currSlide; + d.nextSlide = f, d.API.prepareTx(!0, g) + } + return !1 + } + }), void 0) + } + b(document).on("cycle-pre-initialize", function(c, d) { + a(d, !0), d._onHashChange = function() { + a(d, !1) + }, b(window).on("hashchange", d._onHashChange) + }), b(document).on("cycle-update-view", function(f, d, c) { + c.hash && "#" + c.hash != window.location.hash && (d._hashFence = !0, window.location.hash = c.hash) + }), b(document).on("cycle-destroyed", function(d, c) { + c._onHashChange && b(window).off("hashchange", c._onHashChange) + }) +}(jQuery), +function(a) { + a.extend(a.fn.cycle.defaults, { + loader: !1 + }), a(document).on("cycle-bootstrap", function(c, b) { + function e(h, m) { + function j(l) { + var n; + "wait" == b.loader ? (i.push(l), 0 === f && (i.sort(k), d.apply(b.API, [i, m]), b.container.removeClass("cycle-loading"))) : (n = a(b.slides[b.currSlide]), d.apply(b.API, [l, m]), n.show(), b.container.removeClass("cycle-loading")) + } + + function k(n, l) { + return n.data("index") - l.data("index") + } + var i = []; + if ("string" == a.type(h)) { + h = a.trim(h) + } else { + if ("array" === a.type(h)) { + for (var g = 0; h.length > g; g++) { + h[g] = a(h[g])[0] + } + } + } + h = a(h); + var f = h.length; + f && (h.hide().appendTo("body").each(function(p) { + function r() { + 0 === --n && (--f, j(q)) + } + var n = 0, + q = a(this), + o = q.is("img") ? q : q.find("img"); + return q.data("index", p), o = o.filter(":not(.cycle-loader-ignore)").filter(':not([src=""])'), o.length ? (n = o.length, o.each(function() { + this.complete ? r() : a(this).load(function() { + r() + }).error(function() { + 0 === --n && (b.API.log("slide skipped; img not loaded:", this.src), 0 === --f && "wait" == b.loader && d.apply(b.API, [i, m])) + }) + }), void 0) : (--f, i.push(q), void 0) + }), f && b.container.addClass("cycle-loading")) + } + var d; + b.loader && (d = b.API.add, b.API.add = e) + }) +}(jQuery), +function(c) { + function b(e, d, h) { + var f, g = e.API.getComponent("pager"); + g.each(function() { + var i = c(this); + if (d.pagerTemplate) { + var j = e.API.tmpl(d.pagerTemplate, d, e, h[0]); + f = c(j).appendTo(i) + } else { + f = i.children().eq(e.slideCount - 1) + } + f.on(e.pagerEvent, function(k) { + k.preventDefault(), e.API.page(i, k.currentTarget) + }) + }) + } + + function a(h, f) { + var d = this.opts(); + if (!d.busy || d.manualTrump) { + var k = h.children().index(f), + g = k, + j = g > d.currSlide; + d.currSlide != g && (d.nextSlide = g, d.API.prepareTx(!0, j), d.API.trigger("cycle-pager-activated", [d, h, f])) + } + } + c.extend(c.fn.cycle.defaults, { + pager: "> .cycle-pager", + pagerActiveClass: "cycle-pager-active", + pagerEvent: "click.cycle", + pagerTemplate: "•" + }), c(document).on("cycle-bootstrap", function(f, d, g) { + g.buildPagerLink = b + }), c(document).on("cycle-slide-added", function(g, d, h, f) { + d.pager && (d.API.buildPagerLink(d, h, f), d.API.page = a) + }), c(document).on("cycle-slide-removed", function(e, d, g) { + if (d.pager) { + var f = d.API.getComponent("pager"); + f.each(function() { + var h = c(this); + c(h.children()[g]).remove() + }) + } + }), c(document).on("cycle-update-view", function(e, d) { + var f; + d.pager && (f = d.API.getComponent("pager"), f.each(function() { + c(this).children().removeClass(d.pagerActiveClass).eq(d.currSlide).addClass(d.pagerActiveClass) + })) + }), c(document).on("cycle-destroyed", function(g, f) { + var d = f.API.getComponent("pager"); + d && (d.children().off(f.pagerEvent), f.pagerTemplate && d.empty()) + }) +}(jQuery), +function(a) { + a.extend(a.fn.cycle.defaults, { + next: "> .cycle-next", + nextEvent: "click.cycle", + disabledClass: "disabled", + prev: "> .cycle-prev", + prevEvent: "click.cycle", + swipe: !1 + }), a(document).on("cycle-initialized", function(d, c) { + if (c.API.getComponent("next").on(c.nextEvent, function(g) { + g.preventDefault(), c.API.next() + }), c.API.getComponent("prev").on(c.prevEvent, function(g) { + g.preventDefault(), c.API.prev() + }), c.swipe) { + var b = c.swipeVert ? "swipeUp.cycle" : "swipeLeft.cycle swipeleft.cycle", + f = c.swipeVert ? "swipeDown.cycle" : "swipeRight.cycle swiperight.cycle"; + c.container.on(b, function() { + c.API.next() + }), c.container.on(f, function() { + c.API.prev() + }) + } + }), a(document).on("cycle-update-view", function(g, d) { + if (!d.allowWrap) { + var b = d.disabledClass, + k = d.API.getComponent("next"), + f = d.API.getComponent("prev"), + h = d._prevBoundry || 0, + j = void 0 !== d._nextBoundry ? d._nextBoundry : d.slideCount - 1; + d.currSlide == j ? k.addClass(b).prop("disabled", !0) : k.removeClass(b).prop("disabled", !1), d.currSlide === h ? f.addClass(b).prop("disabled", !0) : f.removeClass(b).prop("disabled", !1) + } + }), a(document).on("cycle-destroyed", function(c, b) { + b.API.getComponent("prev").off(b.nextEvent), b.API.getComponent("next").off(b.prevEvent), b.container.off("swipeleft.cycle swiperight.cycle swipeLeft.cycle swipeRight.cycle swipeUp.cycle swipeDown.cycle") + }) +}(jQuery), +function(a) { + a.extend(a.fn.cycle.defaults, { + progressive: !1 + }), a(document).on("cycle-pre-initialize", function(p, h) { + if (h.progressive) { + var f, q, e = h.API, + k = e.next, + b = e.prev, + g = e.prepareTx, + m = a.type(h.progressive); + if ("array" == m) { + f = h.progressive + } else { + if (a.isFunction(h.progressive)) { + f = h.progressive(h) + } else { + if ("string" == m) { + if (q = a(h.progressive), f = a.trim(q.html()), !f) { + return + } + if (/^(\[)/.test(f)) { + try { + f = a.parseJSON(f) + } catch (j) { + return e.log("error parsing progressive slides", j), void 0 + } + } else { + f = f.split(RegExp(q.data("cycle-split") || "\n")), f[f.length - 1] || f.pop() + } + } + } + } + g && (e.prepareTx = function(i, c) { + var d, l; + return i || 0 === f.length ? (g.apply(h.API, [i, c]), void 0) : (c && h.currSlide == h.slideCount - 1 ? (l = f[0], f = f.slice(1), h.container.one("cycle-slide-added", function(o, n) { + setTimeout(function() { + n.API.advanceSlide(1) + }, 50) + }), h.API.add(l)) : c || 0 !== h.currSlide ? g.apply(h.API, [i, c]) : (d = f.length - 1, l = f[d], f = f.slice(0, d), h.container.one("cycle-slide-added", function(o, n) { + setTimeout(function() { + n.currSlide = 1, n.API.advanceSlide(-1) + }, 50) + }), h.API.add(l, !0)), void 0) + }), k && (e.next = function() { + var d = this.opts(); + if (f.length && d.currSlide == d.slideCount - 1) { + var c = f[0]; + f = f.slice(1), d.container.one("cycle-slide-added", function(l, i) { + k.apply(i.API), i.container.removeClass("cycle-loading") + }), d.container.addClass("cycle-loading"), d.API.add(c) + } else { + k.apply(d.API) + } + }), b && (e.prev = function() { + var l = this.opts(); + if (f.length && 0 === l.currSlide) { + var d = f.length - 1, + c = f[d]; + f = f.slice(0, d), l.container.one("cycle-slide-added", function(n, i) { + i.currSlide = 1, i.API.advanceSlide(-1), i.container.removeClass("cycle-loading") + }), l.container.addClass("cycle-loading"), l.API.add(c, !0) + } else { + b.apply(l.API) + } + }) + } + }) +}(jQuery), +function(a) { + a.extend(a.fn.cycle.defaults, { + tmplRegex: "{{((.)?.*?)}}" + }), a.extend(a.fn.cycle.API, { + tmpl: function(c, b) { + var e = RegExp(b.tmplRegex || a.fn.cycle.defaults.tmplRegex, "g"), + d = a.makeArray(arguments); + return d.shift(), c.replace(e, function(h, g) { + var p, k, m, j, f = g.split("."); + for (p = 0; d.length > p; p++) { + if (m = d[p]) { + if (f.length > 1) { + for (j = m, k = 0; f.length > k; k++) { + m = j, j = j[f[k]] || g + } + } else { + j = m[g] + } if (a.isFunction(j)) { + return j.apply(m, d) + } + if (void 0 !== j && null !== j && j != g) { + return j + } + } + } + return g + }) + } + }) +}(jQuery); +(function(a) { + a(document).on("cycle-bootstrap", function(d, c, b) { + "carousel" === c.fx && (b.getSlideIndex = function(h) { + var g = this.opts()._carouselWrap.children(), + f = g.index(h); + return f % g.length + }, b.next = function() { + var f = c.reverse ? -1 : 1; + c.allowWrap === !1 && c.currSlide + f > c.slideCount - c.carouselVisible || (c.API.advanceSlide(f), c.API.trigger("cycle-next", [c]).log("cycle-next")) + }) + }), a.fn.cycle.transitions.carousel = { + preInit: function(c) { + c.hideNonActive = !1, c.container.on("cycle-destroyed", a.proxy(this.onDestroy, c.API)), c.API.stopTransition = this.stopTransition; + for (var b = 0; c.startingSlide > b; b++) { + c.container.append(c.slides[0]) + } + }, + postInit: function(e) { + var d, k, f, h, b = e.carouselVertical; + e.carouselVisible && e.carouselVisible > e.slideCount && (e.carouselVisible = e.slideCount - 1); + var g = e.carouselVisible || e.slides.length, + j = { + display: b ? "block" : "inline-block", + position: "static" + }; + if (e.container.css({ + position: "relative", + overflow: "hidden" + }), e.slides.css(j), e._currSlide = e.currSlide, h = a('
').prependTo(e.container).css({ + margin: 0, + padding: 0, + top: 0, + left: 0, + position: "absolute" + }).append(e.slides), e._carouselWrap = h, b || h.css("white-space", "nowrap"), e.allowWrap !== !1) { + for (k = 0; + (void 0 === e.carouselVisible ? 2 : 1) > k; k++) { + for (d = 0; e.slideCount > d; d++) { + h.append(e.slides[d].cloneNode(!0)) + } + for (d = e.slideCount; d--;) { + h.prepend(e.slides[d].cloneNode(!0)) + } + } + h.find(".cycle-slide-active").removeClass("cycle-slide-active"), e.slides.eq(e.startingSlide).addClass("cycle-slide-active") + } + e.pager && e.allowWrap === !1 && (f = e.slideCount - g, a(e.pager).children().filter(":gt(" + f + ")").hide()), e._nextBoundry = e.slideCount - e.carouselVisible, this.prepareDimensions(e) + }, + prepareDimensions: function(d) { + var c, h, e, g = d.carouselVertical, + b = d.carouselVisible || d.slides.length; + if (d.carouselFluid && d.carouselVisible ? d._carouselResizeThrottle || this.fluidSlides(d) : d.carouselVisible && d.carouselSlideDimension ? (c = b * d.carouselSlideDimension, d.container[g ? "height" : "width"](c)) : d.carouselVisible && (c = b * a(d.slides[0])[g ? "outerHeight" : "outerWidth"](!0), d.container[g ? "height" : "width"](c)), h = d.carouselOffset || 0, d.allowWrap !== !1) { + if (d.carouselSlideDimension) { + h -= (d.slideCount + d.currSlide) * d.carouselSlideDimension + } else { + e = d._carouselWrap.children(); + for (var f = 0; d.slideCount + d.currSlide > f; f++) { + h -= a(e[f])[g ? "outerHeight" : "outerWidth"](!0) + } + } + } + d._carouselWrap.css(g ? "top" : "left", h) + }, + fluidSlides: function(d) { + function c() { + clearTimeout(e), e = setTimeout(h, 20) + } + + function h() { + d._carouselWrap.stop(!1, !0); + var i = d.container.width() / d.carouselVisible; + i = Math.ceil(i - b), d._carouselWrap.children().width(i), d._sentinel && d._sentinel.width(i), f(d) + } + var e, g = d.slides.eq(0), + b = g.outerWidth() - g.width(), + f = this.prepareDimensions; + a(window).on("resize", c), d._carouselResizeThrottle = c, h() + }, + transition: function(j, w, g, x, f) { + var h, b = {}, m = j.nextSlide - j.currSlide, + q = j.carouselVertical, + k = j.speed; + if (j.allowWrap === !1) { + x = m > 0; + var v = j._currSlide, + e = j.slideCount - j.carouselVisible; + m > 0 && j.nextSlide > e && v == e ? m = 0 : m > 0 && j.nextSlide > e ? m = j.nextSlide - v - (j.nextSlide - e) : 0 > m && j.currSlide > e && j.nextSlide > e ? m = 0 : 0 > m && j.currSlide > e ? m += j.currSlide - e : v = j.currSlide, h = this.getScroll(j, q, v, m), j.API.opts()._currSlide = j.nextSlide > e ? e : j.nextSlide + } else { + x && 0 === j.nextSlide ? (h = this.getDim(j, j.currSlide, q), f = this.genCallback(j, x, q, f)) : x || j.nextSlide != j.slideCount - 1 ? h = this.getScroll(j, q, j.currSlide, m) : (h = this.getDim(j, j.currSlide, q), f = this.genCallback(j, x, q, f)) + } + b[q ? "top" : "left"] = x ? "-=" + h : "+=" + h, j.throttleSpeed && (k = h / a(j.slides[0])[q ? "height" : "width"]() * j.speed), j._carouselWrap.animate(b, k, j.easing, f) + }, + getDim: function(c, b, e) { + var d = a(c.slides[b]); + return d[e ? "outerHeight" : "outerWidth"](!0) + }, + getScroll: function(f, c, b, h) { + var d, g = 0; + if (h > 0) { + for (d = b; b + h > d; d++) { + g += this.getDim(f, d, c) + } + } else { + for (d = b; d > b + h; d--) { + g += this.getDim(f, d, c) + } + } + return g + }, + genCallback: function(c, b, e, d) { + return function() { + var f = a(c.slides[c.nextSlide]).position(), + g = 0 - f[e ? "top" : "left"] + (c.carouselOffset || 0); + c._carouselWrap.css(c.carouselVertical ? "top" : "left", g), d() + } + }, + stopTransition: function() { + var b = this.opts(); + b.slides.stop(!1, !0), b._carouselWrap.stop(!1, !0) + }, + onDestroy: function() { + var b = this.opts(); + b._carouselResizeThrottle && a(window).off("resize", b._carouselResizeThrottle), b.slides.prependTo(b.container), b._carouselWrap.remove() + } + } +})(jQuery); +(function(f) { + var c = f(window); + var d = f("body"); + var e = false; + var j = (typeof matchMedia !== "undefined"); + if (j) { + k(); + c.on("resize", function() { + clearTimeout(this.resizeTimeout); + this.resizeTimeout = setTimeout(k, 200) + }) + } else { + e = true; + d.addClass("wide") + } + + function k() { + if (window.matchMedia("screen and (min-width: 761px)").matches) { + e = true; + d.addClass("wide") + } else { + e = false; + d.removeClass("wide") + } + f(".panel, .panel-content, .panel-title").removeAttr("style"); + f(".panel-content a").blur() + } + var g = { + expandHorz: function(l) { + f(".panel-title").stop(true, true).fadeOut(200); + l.stop().removeClass("compressed").addClass("expanded").animate({ + width: "64%" + }, 700); + f(".panel-content", l).stop(true, true).delay(400).fadeIn(400); + l.siblings(".panel").stop().removeClass("expanded").addClass("compressed").animate({ + width: "12%" + }, 700); + l.siblings(".panel").find(".panel-content").stop(true, true).fadeOut(400, function() { + f(this).delay(500).removeAttr("style") + }); + i("open", (f(".panel").index(l) + 1), l.attr("id")) + }, + contractHorz: function() { + f(".panel").stop().animate({ + width: "25%" + }, 700, function() { + f(".panel-title").fadeIn(250) + }).removeClass("expanded compressed"); + f(".panel-content").stop(true, true).delay(200).fadeOut(500) + }, + expandVert: function(l) { + f(".panel-title").stop(true, true).fadeOut(200); + l.stop().removeClass("compressed").addClass("expanded").animate({ + height: "22em" + }, 700); + l.siblings(".panel").stop().removeClass("expanded").addClass("compressed").animate({ + height: "3em" + }, 700); + f(".panel-content", l).stop(true, true).delay(400).fadeIn(400); + l.siblings(".panel").find(".panel-content").stop(true, true).fadeOut(400, function() { + f(this).delay(500).removeAttr("style") + }); + i("open", (f(".panel").index(l) + 1), l.attr("id")) + }, + contractVert: function() { + f(".panel").stop().animate({ + height: "4.5em" + }, 700, function() { + f(".panel-title").fadeIn(250) + }).removeClass("expanded compressed"); + f(".panel-content").stop(true, true).fadeOut(500) + }, + }; + var h = 200; + var a; + f(".accordion").on("mouseleave", function() { + clearTimeout(a); + h = 200 + }); + f(".panel").hover(function() { + var l = f(this); + clearTimeout(a); + a = setTimeout(function() { + if (e) { + g.expandHorz(l) + } else { + g.expandVert(l) + } + h = 0 + }, h) + }, function() { + if (e) { + g.contractHorz(f(this)) + } else { + g.contractVert() + } + }); + f(".panel").on("click focus", function(l) { + if (!f(this).hasClass("expanded")) { + if (e) { + g.expandHorz(f(this)) + } else { + g.expandVert(f(this)) + } + } + }); + f(".panel > a").on("blur", function() { + if (e) { + g.contractHorz() + } else { + g.contractVert() + } + }); + + function b() { + var l = f('"); + var m = f('"); + var n = f(''); + l.prependTo(n); + m.prependTo(n); + n.prependTo(".extra-news > .control"); + f(".news-buttons .btn-next").bind("click", function() { + gaTrack(["_trackEvent", "Mozilla in the News Interactions", "Next", "News Navigation Arrows"]) + }); + f(".news-buttons .btn-prev").bind("click", function() { + gaTrack(["_trackEvent", "Mozilla in the News Interactions", "Previous", "News Navigation Arrows"]) + }) + } + b(); + var i = function(l, m) { + gaTrack(["_trackEvent", "Homepage Interactions", "open", l + ":" + m]) + }; + f(".panel-content a").on("click", function(n) { + n.preventDefault(); + var l = f(this).parents(".panel"); + var m = this.href; + var o = function() { + f(this).blur(); + window.open(m, '_blank') + }; + gaTrack(["_trackEvent", "Homepage Interactions", "click", (l.index() + 1) + ":" + l.attr("id")], o) + }); + f("#home-promo-donate-form").submit(function(n) { + n.preventDefault(); + var m = f(this); + m.unbind("submit"); + var l = f(this).parents(".panel"); + gaTrack(["_trackEvent", "Homepage Interactions", "submit", (l.index() + 1) + ":donate"], function() { + m.submit() + }) + }); + f(".extra-news a").on("click", function(m) { + m.preventDefault(); + var l = this.href; + var n = function() { + window.location = l + }; + gaTrack(["_trackEvent", "Mozilla in the News Interactions", "click", l], n) + }); + f(".extra-contribute a, .engage a").on("click", function(m) { + m.preventDefault(); + var l = this.href; + var n = function() { + window.location = l + }; + gaTrack(["_trackEvent", "Get Involved Interactions", "clicks", "Get Involved Button"], n) + }); + f(".download-link").on("click", function(n) { + n.preventDefault(); + var m = this.href; + var o = function() { + window.location = m + }; + var l; + if (f(this).parents("li").hasClass("os_android")) { + l = "Firefox for Android" + } else { + l = "Firefox Desktop" + } + gaTrack(["_trackEvent", "Firefox Downloads", "download click", l], o) + }) +})(window.jQuery); From 198aeaec4be61efd045c9dca7cfb348ed5e3d6ec Mon Sep 17 00:00:00 2001 From: Slayslot Date: Sat, 1 Aug 2015 01:25:15 +0530 Subject: [PATCH 2/8] Added Events section structure --- src/client/css/style.css | 37 +++++++++++ src/client/index.html | 140 ++++++++++++++++++++++++++++++++++++++- src/client/js/script.js | 2 +- 3 files changed, 177 insertions(+), 2 deletions(-) diff --git a/src/client/css/style.css b/src/client/css/style.css index e4acd49..e27ae22 100644 --- a/src/client/css/style.css +++ b/src/client/css/style.css @@ -358,3 +358,40 @@ section#community .fa-globe{ transition-delay: 0s; } /*---End---*/ +/*Events Section*/ +.event-wrapper{ + border: 1px solid #CCCCCC; + overflow: hidden; + height: 600px; +} +#past,#upcoming +{ + border: none; + height: 600px; + overflow: auto; +} +#past::-webkit-scrollbar,#upcoming::-webkit-scrollbar{ + display: none; +} +h3.line:before { + content: ""; + display: block; + border-top: solid 1px black; + width: 100%; + height: 1px; + position: absolute; + top: 55%; + z-index: 1; +} + +h3.line span { + background: #D7D3C8; + padding: 0 20px; + position: relative; + z-index: 5; +} +.single-event +{ + border-bottom: 1px solid #7c7575; + padding:10px; +} diff --git a/src/client/index.html b/src/client/index.html index 7af0ed8..8cba8fa 100644 --- a/src/client/index.html +++ b/src/client/index.html @@ -72,7 +72,145 @@

- +
+
+
+
+
+

Our Events

+
+
+
+
+
+

Past Events

+
+
+
+

Event Name

+
+
+

+ Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from dive +

+
+
+ + +
+
+
+
+

Event Name

+
+
+

+ Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from dive +

+
+
+ + +
+
+
+
+

Event Name

+
+
+

+ Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from dive +

+
+
+ + +
+
+
+
+

Event Name

+
+
+

+ Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from dive +

+
+
+ + +
+
+
+
+
+
+
+

Upcoming Events

+
+
+
+

Event Name

+
+
+

+ Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from dive +

+
+
+ + +
+
+
+
+

Event Name

+
+
+

+ Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from dive +

+
+
+ + +
+
+
+
+

Event Name

+
+
+

+ Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from dive +

+
+
+ + +
+
+
+
+

Event Name

+
+
+

+ Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from dive +

+
+
+ + +
+
+
+
+
+
+
+
+
-
-
-
-
-
-

Our Events

-
-
-
-
-
-

Past Events

-
-
-
-

Event Name

-
-
-

- Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from dive -

-
-
- - -
-
-
-
-

Event Name

-
-
-

- Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from dive -

-
-
- - -
-
-
-
-

Event Name

-
-
-

- Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from dive -

-
-
- - -
-
-
-
-

Event Name

-
-
-

- Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from dive -

-
-
- - -
-
-
-
-
-
-
-

Upcoming Events

-
-
-
-

Event Name

-
-
-

- Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from dive -

-
-
- - -
-
-
-
-

Event Name

-
-
-

- Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from dive -

-
-
- - -
-
-
-
-

Event Name

-
-
-

- Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from dive -

-
-
- - -
-
-
-
-

Event Name

-
-
-

- Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from dive -

-
-
- - -
-
-
-
-
-
-
-
-
+
- @@ -79,82 +82,96 @@

- -
- -
+
+ +
@@ -162,9 +179,9 @@

Mozilla : La mission

Who are Mozpacers?

Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from diverse backgrounds to better contribute the making of better web, as is mission of Mozilla.

-

Regions Covered:

+

Regions Covered:

The fragrance is not just in Delhi and NCR zone but we also conduct various campaigns and workshops in North India states viz. Haryana, Himachal Pradesh, Punjab etc. This way we get to teach a lot of people about web and Mozilla’s mission and in the same time get potential people in the community.

-

Structure of the Community:

+

Structure of the Community:

We are mainly divided into Technical and Non-technical teams. We try that all the members get to take various leadership and managerial roles in various projects and events. We are open to the way of contributions and anybody can contribute in whichever positions he/she are comfortable in.

@@ -224,7 +241,6 @@

Structure of the Community:

-
@@ -248,25 +264,99 @@

Structure of the Community:

- - + +
- - - - - - - - - - + + + + + + + + + + diff --git a/src/client/js/script.js b/src/client/js/script.js index e469bc6..f5d90a2 100644 --- a/src/client/js/script.js +++ b/src/client/js/script.js @@ -674,34 +674,36 @@ $(document).ready(function() { } var g = { expandHorz: function(l) { + //console.log("expand horz"); f(".panel-title").stop(true, true).fadeOut(200); l.stop().removeClass("compressed").addClass("expanded").animate({ - width: "64%" + width: "63.9%" }, 700); f(".panel-content", l).stop(true, true).delay(400).fadeIn(400); l.siblings(".panel").stop().removeClass("expanded").addClass("compressed").animate({ - width: "12%" + width: "8.8%" }, 700); l.siblings(".panel").find(".panel-content").stop(true, true).fadeOut(400, function() { f(this).delay(500).removeAttr("style") }); - i("open", (f(".panel").index(l) + 1), l.attr("id")) }, contractHorz: function() { + //console.log("contract horz"); f(".panel").stop().animate({ - width: "25%" + width: "19.7%" }, 700, function() { f(".panel-title").fadeIn(250) }).removeClass("expanded compressed"); f(".panel-content").stop(true, true).delay(200).fadeOut(500) }, expandVert: function(l) { + //console.log("expand vert"); f(".panel-title").stop(true, true).fadeOut(200); l.stop().removeClass("compressed").addClass("expanded").animate({ height: "22em" }, 700); l.siblings(".panel").stop().removeClass("expanded").addClass("compressed").animate({ - height: "3em" + height: "2em" }, 700); f(".panel-content", l).stop(true, true).delay(400).fadeIn(400); l.siblings(".panel").find(".panel-content").stop(true, true).fadeOut(400, function() { @@ -710,6 +712,7 @@ $(document).ready(function() { l("open", (f(".panel").index(l) + 1), l.attr("id")) }, contractVert: function() { + //console.log("contract vert"); f(".panel").stop().animate({ height: "4.5em" }, 700, function() { From 5c939942ba1f054013c54de01c788c2c749f4f01 Mon Sep 17 00:00:00 2001 From: Saurabh Date: Fri, 9 Oct 2015 06:26:55 +0530 Subject: [PATCH 8/8] Improve Color Scheme --- src/client/css/style.css | 2249 +++++++++++++++++++------------------- src/client/index.html | 724 ++++++------ 2 files changed, 1487 insertions(+), 1486 deletions(-) diff --git a/src/client/css/style.css b/src/client/css/style.css index cf4ffef..fd20bbb 100644 --- a/src/client/css/style.css +++ b/src/client/css/style.css @@ -1,1124 +1,1125 @@ -/* Add some fonts */ -@font-face -{ - font-family: 'fonesia'; - src: url('Fonesia_Bold.TTF'); -} -/* CSS for all */ -*{ - font-family: 'Open Sans Light', sans-serif; - transition: all linear .1s; -} -html, body { - width: auto !important; - overflow-x: hidden !important; -} -html{ - font-size:100%; -} -body{ - background: #D7D3C8; -} -a{ - text-decoration:none; -} -strong -{ - font-family: 'fonesia',serif; -} -#outer-wrapper{ - border-top: 2px solid #FFF; - position:relative; - min-width:320px; -} -#masthead{ - background: #2A80B9 none repeat scroll 0% 0%; - display: block; - margin: 0 auto; - padding-left: 20px; - padding-right: 20px; - position: relative; - zoom: 1; -} -/*Nav*/ -ul { - margin: 0; - padding: 0; - border: 0; -} -#masthead nav { - float: right; - margin-right: 16px; - text-transform: uppercase; - font-size: 13px; - font-family: 'Open Sans', sans-serif; -} -#masthead nav li { - display: inline-block; - *display: inline; - *zoom: 1; - list-style-type: none; - margin: 0; -} -#masthead nav li a { - display: inline-block; - padding: 12px; - font-weight: bold; - letter-spacing: 1px; - font-family: 'Roboto Slab', serif; -} -#masthead nav li a, -#masthead nav li a:link, -#masthead nav li a:visited { - color: #eeeeee; -} -#nav-main .toggle { - display: none; - /* Hidden in non-mobile views */ -} -/* Mobile Layout: 320px */ -@media only screen and (max-width: 760px) { - #masthead, - .container{ - width: auto; - padding-left: 10px; - padding-right: 10px; - } - #masthead nav { - float: none; - padding-top: 10px; - margin-left: 10px; - } - #masthead nav ul li { - display: block; - } - #nav-main .toggle { - display: block; - width: 32px; - height: 32px; - margin: -3px 0 0 -3px; - background: no-repeat center top url(../img/sandstone/icn-menu.png); - text-indent: -999em; - overflow: hidden; - cursor: pointer; - } - #nav-main .toggle.open { - background-position: center -100px; - } - #nav-main #nav-main-menu li { - display: block; - float: none; - margin: 0 10px; - border-bottom: 1px solid #f2f2f2; - } - #nav-main #nav-main-menu li:last-child { - border: 0; - } - #nav-main #nav-main-menu a { - cursor: pointer; - display: block; - text-transform: none; - padding: 12px 35px 12px 10px; - margin: 0 -10px; - } - #nav-main #nav-main-menu a.submenu-item { - background: 94% 50% no-repeat url(../img/sandstone/arrow-go.png); - } - #nav-main #nav-main-menu a:hover, - #nav-main #nav-main-menu a:focus, - #nav-main #nav-main-menu a:active { - color: #fff; - text-decoration: none; - text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); - background-color: #247ac1; - background-position: 94% 50%; - background-repeat: no-repeat; - background-image: -moz-linear-gradient(#43a6e2, #247ac1); - background-image: -ms-linear-gradient(#43a6e2, #247ac1); - background-image: -o-linear-gradient(#43a6e2, #247ac1); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #43a6e2), color-stop(100%, #247ac1)); - background-image: -webkit-linear-gradient(#43a6e2, #247ac1); - background-image: linear-gradient(#43a6e2, #247ac1); - } - #nav-main #nav-main-menu a.submenu-item:hover, - #nav-main #nav-main-menu a.submenu-item:focus, - #nav-main #nav-main-menu a.submenu-item:active { - background-image: url(../img/sandstone/arrow-go.png), -moz-linear-gradient(#43a6e2, #247ac1); - background-image: url(../img/sandstone/arrow-go.png), -ms-linear-gradient(#43a6e2, #247ac1); - background-image: url(../img/sandstone/arrow-go.png), -o-linear-gradient(#43a6e2, #247ac1); - background-image: url(../img/sandstone/arrow-go.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #43a6e2), color-stop(100%, #247ac1)); - background-image: url(../img/sandstone/arrow-go.png), -webkit-linear-gradient(#43a6e2, #247ac1); - background-image: url(../img/sandstone/arrow-go.png), linear-gradient(#43a6e2, #247ac1); - } - #nav-main #nav-main-menu li.first > a { - border-radius: 10px 10px 0 0; - } - #nav-main #nav-main-menu li.last > a { - border-radius: 0 0 10px 10px; - } - #nav-main-menu { - background: #fff; - position: absolute; - z-index: 99; - width: 200px; - margin: 15px 0 0 -10px; - display: none; - top: 35px; - overflow: visible; - -moz-border-radius: 10px; - border-radius: 10px; - -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); - -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); - } - #nav-main-menu:before { - content: ""; - display: block; - width: 28px; - height: 10px; - background: no-repeat url(../img/sandstone/menu-point.png); - position: absolute; - left: 12px; - top: -10px; - } -} -/* Wide Mobile Layout: 480px */ -@media only screen and (min-width: 480px) and (max-width: 760px) { - #masthead, - .container{ - width: auto; - } -} -/*Hero Image Section */ -#hero_col{ - position: relative; -} -#hero_main{ - position: relative; - top: 0; - left: 0; - max-width:100%; - padding-top: 1.5px; -} -#hero_logo{ - position: absolute; - bottom:5px; -} -.animated { - -webkit-animation-duration: 2s; - -ms-animation-duration: 2s; - -o-animation-duration: 2s; - -moz-animation-duration: 2s; - animation-duration: 2s; - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - -o-animation-fill-mode: both; - animation-fill-mode: both; -} - -@-webkit-keyframes fadeInDown { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - -ms-transform: translate3d(0, -100%, 0); - -moz-transform: translate3d(0, -100%, 0); - -o-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } - - 100% { - opacity: 1; - -webkit-transform: none; - -moz-transform: none; - -o-webkit-transform: none; - transform: none; - -ms-transform: none; - } -} - -@keyframes fadeInDown { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - -moz-transform: translate3d(0, -100%, 0); - -o-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - -ms-transform: translate3d(0, -100%, 0); - } - - 100% { - opacity: 1; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - transform: none; - -ms-transform: none; - } -} - -.fadeInDown { - -webkit-animation-name: fadeInDown; - -moz-animation-name: fadeInDown; - -o-animation-name: fadeInDown; - -ms-animation-name: fadeInDown; - animation-name: fadeInDown; -} - -/* Hero Image ends*/ -/*About Section*/ -section#About{ - background-color: #F3F3F8; - color: #2F2354; - text-align: left; - font-size: 1rem; - line-height: 2; - letter-spacing: 0.7px; - font-family: 'Open Sans',X-LocaleSpecific,sans-serif; -} -#AboutUs h1{ - text-align: center; - font-weight: bold; -} -#AboutUs h3{ - font-weight: bold; -} -#coreContributers img{ - padding: 20px; - display: inline-block; -} -/*----End---*/ - -/*About(Community) Section*/ -section#community{ - padding:40px 0 20px 0; - background-color: #D5433D; - color: #fff; - text-align: center; - font-size: 35px; - line-height: 0.9; - list-style: none; - font-family: 'Open Sans'; - font-style: normal; - font-variant: normal; -} -section#community .content{ - font-style: italic; - font-size: 20px; - font-weight: 600; -} -section#community .col-md-4{ - padding-bottom: 40px; -} -section#community .contribute-btn{ - display: inline-block; - margin: 0 auto 20px auto; - padding: 20px 60px; - line-height: 1.3; - text-align: center; - font-size: 18px; - font-size: 1.125rem; - background: #0095dd; - border-radius: 10px; - text-transform: uppercase; - -webkit-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; - text-decoration: none; - color:white; - font-weight: bold; -} -section#community .contribute-btn:visited { - color: #fff; -} -section#community .contribute-btn:hover{ - color: #0095dd; - background: #fff; -} -section#community .fa-heart{ - color: #dfa09d; - padding-bottom: 5px; -} -section#community .fa-users{ - color: #dfa09d; - padding-bottom: 5px; -} -section#community .fa-globe{ - color: #dfa09d; - padding-bottom: 5px; -} -/*-----End----*/ -/*Accordion Slider*/ -.no-js img.js, .no-js .panel-title { - display: none; -} -.pillars { - position: relative; - margin: 0 auto; -} -.wide .pillars { - height: 500px; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.accordion { - list-style: none; - position: relative; - left: -0.5%; - top: 0; - width: 102%; - margin: 0; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.js .accordion { - overflow: hidden; -} -.panel { - background-color: #777; - display: block; - margin: 0; - position: relative; - -webkit-transition: background-position .5s ease-in-out; - -moz-transition: background-position .5s ease-in-out; - -o-transition: background-position .5s ease-in-out; - -ms-transition: background-position .5s ease-in-out; - transition: background-position .5s ease-in-out; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.panel:focus { - outline: 0; -} -.panel.expanded, .panel.compressed { - -webkit-transition: background-position .5s ease-in-out; - -moz-transition: background-position .5s ease-in-out; - -o-transition: background-position .5s ease-in-out; - -ms-transition: background-position .5s ease-in-out; - transition: background-position .5s ease-in-out; -} -.wide .panel { - margin: 0 0 0 -2px; - padding: 0; - float: left; - width: 19.7%; - height: 500px; - min-height: 0; - overflow: hidden; - box-shadow: -6px 0 10px -4px rgba(0, 0, 0, 0.5); -} -.wide .panel:first-child { - box-shadow: none; -} -.no-js .panel { - min-height: 16em; -} -.no-js #panel-vans { - overflow: hidden; -} -.panel-title { - color: #fff; - font-size: 18px; - line-height: 1.5; - font-weight: bold; - font-family: 'Rufina',serif; - letter-spacing: -0.025em; - text-align: center; - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); - text-transform: uppercase; - margin: 0; - padding: 40px 15px 0; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 80px; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.panel-title i { - font-style: normal; -} -.panel-inner { - background-color: rgba(0, 0, 0, 0.1); - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 100%; - -webkit-transition: background-color .5s ease-in-out; - -moz-transition: background-color .5s ease-in-out; - -o-transition: background-color .5s ease-in-out; - -ms-transition: background-color .5s ease-in-out; - transition: background-color .5s ease-in-out; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.expanded .panel-inner { - background-color: transparent; - -webkit-transition: background-color .5s ease-in-out; - -moz-transition: background-color .5s ease-in-out; - -o-transition: background-color .5s ease-in-out; - -ms-transition: background-color .5s ease-in-out; - transition: background-color .5s ease-in-out; -} -.compressed .panel-inner { - background-color: rgba(0, 0, 0, 0.25); -} -.panel-content { - font-family: 'Open Sans Light', sans-serif; - font-weight: normal; - color: #fff; - font-size: 20px; - line-height: 1.3; - position: relative; - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.panel-content h3 { - font-weight: bold; - font-size: 100%; - color: inherit; - letter-spacing: -0.03em; - margin: 0 0 .25em; - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); - text-transform: uppercase; -} -.panel-content .go { - font-size: 90%; - font-weight: bold; - font-family: 'Open Sans',serif; - letter-spacing: -0.025em; -} -.panel-content>a { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - padding: 65px 20px 20px 300px; -} -.panel-content a:link, .panel-content a:visited { - color: inherit; -} -.panel-content a:hover, .panel-content a:focus, .panel-content a:active { - color: inherit; - text-decoration: none; - outline: 0; -} -.panel-content a:focus .go, .panel-content a:active .go, .panel-content .go:hover { - text-decoration: none; -} -.wide .panel-content { - height: 500px; - min-height: 0; - width: 290px; - padding: 40px 40px 40px 300px; - position: absolute; - top: 0; - left: 100px; -} -.wide .panel-content>a { - padding: 40px 40px 40px 300px; -} -.js .panel-content { - display: none; -} -.no-js .panel-content { - min-height: 9.5em; - padding: 1em 40px 1em 300px; -} -@media only screen and (min-width:760px) and (max-width:1000px) { -.panel-title { - font-size: 16px; - width: 222px; - text-align:left; -} -.wide .panel-content { - font-size: 16px; - height: 280px; - width: 250px; - left:50px; -} -.wide .panel-content .panel-logo { - left: 200px; - top: 30px; -} -.wide .panel-content .go { - font-size: 16px; -} -.wide .panel-content>a { - padding: 80px 20px 20px 200px; -} -} -@media only screen and (max-width:760px) { -.pillars { - width: 100%; -} -.accordion { - width: auto; - padding: 0; - position: relative; - left: 0; - overflow: visible; - margin: 0; -} -.panel { - float: none; - width: 100%; - height: 4.5em; - margin: 0; - overflow: hidden; - position: relative; - box-shadow: inset 0 4px 10px -5px rgba(0, 0, 0, 0.75); -} -.panel:first-child { - box-shadow: none; -} -.panel-inner { - background: transparent; -} -.panel-title { - position: static; - width: auto; - height: auto; - padding: .75em 20px .75em 40%; - min-height: 3em; - text-align: left; - font-size: 16px; -} -.panel-title:after { - content: '\25bc'; - position: absolute; - right: 25px; - top: 35%} -.panel-content { - font-size: 16px; - line-height: 1.2; - width: 100%; - height: 100%; -} -.panel-content>a { - padding: 65px 40px 40px 300px; -} -.panel-content .panel-logo { - position: static; - display: block; - margin-bottom: 10px; -} -.no-js .panel { - height: auto; - min-height: 20em; - padding: 0; -} -.no-js .panel .panel-content { - padding: 0; -} -} -@media only screen and (min-width:480px) and (max-width:760px) { -.pillars { - width: 100%; -} -} -/*add panel-webmaker style*/ -#panel-webmaker { - background: #c13832 url("../img/bg/webmaker.png") 35px 100px no-repeat; - background: url("../img/bg/webmaker.png") 35px 100px no-repeat, #c13832 -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background: url("../img/bg/webmaker.png") 35px 100px no-repeat, #c13832 -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background: url("../img/bg/webmaker.png") 35px 100px no-repeat, #c13832 -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background: url("../img/bg/webmaker.png") 35px 100px no-repeat, #c13832 linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - -} -#panel-webmaker.expanded { - background-position: 85px 30px; -} -#panel-webmaker.compressed { - background-position: 0px 100px; -} -#panel-webmaker .panel-title i { - display: block; -} -/*add panel-friends and panel-FSA style*/ -#panel-friends{ - background: #404c58 url("../img/bg/friends.png") 35px 80px no-repeat; - background: url("../img/bg/friends.png") 35px 80px no-repeat, #333 repeat scroll 0% 0%;; -} -#panel-friends.expanded { - background-position: 80px 30px; -} -#panel-friends.compressed { - background-position: 0px 80px; -} -#panel-FSA -{ - background: #404c58 url("../img/bg/FSA.png") 20px 75px no-repeat; - background: url("../img/bg/FSA.png") 20px 75px no-repeat, #404c58 repeat; -} -#panel-FSA.expanded { - background-position: 80px 15px; -} -#panel-FSA.compressed { - background-position: -10px 75px; -} -#panel-friends .panel-title i,#panel-FSA .panel-title i { - display: block; -} -#panel-fxos { - background: #0095dd url("http://mozilla-tunisia.org/static/home/img/firefoxos-fox.png") -100px -100px no-repeat; -} -#panel-fxos.expanded { - background-position: -60px -100px; -} -#panel-fxos.compressed { - background-position: -140px -100px; -} - #panel-reps { - background: #c13832 url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"); - background: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), #c13832 -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), #c13832 -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), #c13832 -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), #c13832 linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background-position: -50px 20px; - background-position: -50px 20px, 0 0; - background-repeat: no-repeat; - background-repeat: no-repeat, repeat-x; - } -#panel-reps .panel-title i { - display: block; -} -#panel-reps .panel-content { - color: #fff; - font-size: 20px; -} -#panel-reps .panel-content h3 { - font-size: 24px; - font-weight: 800; -} -#panel-reps .panel-content legend { - font-size: 20px; - color: #fff; - font-weight: 800; - text-shadow: none; -} -#panel-reps .panel-content label { - display: inline-block; - font-size: 18px; - font-weight: 800; - margin: 0 10px 10px 0; -} -#panel-reps .panel-content .button { - display: block; - padding: 10px 20px; - font-size: 18px; - margin-top: 20px; -} -#panel-reps.expanded { - background-position: -20px 20px; - background-position: -20px 20px, 0 0; -} -#panel-reps.compressed { - background-position: -90px 20px; - background-position: -90px 20px, 0 0; -} -.no-js #panel-reps { - min-height: 22em; -} -@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:1.5dppx), (min-resolution:144dpi) { -#panel-fxos { - background-image: url("http://mozilla-tunisia.org/static/home/img/firefoxos-fox-hires.png"); - background-size: 335px 468px; -} -#panel-reps { - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-hires.png"); - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-hires.png"), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-hires.png"), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-hires.png"), -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-hires.png"), linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background-size: 287px 238px; - background-size: 287px 238px, auto auto; -} -} -@media only screen and (min-width:760px) and (max-width:1000px) { -#panel-fxos { - background-image: url("http://mozilla-tunisia.org/static/home/img/firefoxos-fox-md.png"); - background-position: -115px -70px; -} -#panel-fxos.expanded { - background-position: -95px -70px; -} -#panel-fxos.compressed { - background-position: -135px -70px; -} -/*blog*/ -#panel-friends { - background-image: url("../img/bg/friends.png"); - background-position: 5px 80px; -} -#panel-friends.expanded { - background-position: 35px 30px; -} -#panel-friends.compressed { - background-position: 0px 80px; -} -/*FSA*/ -#panel-FSA { - background-image: url("../img/bg/friends.png"); - background-position: 3px 82px; -} -#panel-FSA.expanded { - background-position: 20px 15px; -} -#panel-FSA.compressed { - background-position: -10px 75px; -} -/*community*/ -#panel-webmaker { - background-image: url("../img/bg/webmaker.png"); - background-position: 0px 100px; -} -#panel-webmaker.expanded { - background-position: 35px 30px; -} -#panel-webmaker.compressed { - background-position: 0px 100px; -} -#panel-reps { - background-position: -50px 20px; - background-position: -50px 20px, 0 0; -} -#panel-reps.expanded { - background-position: -110px 20px; - background-position: -110px 20px, 0 0; -} -#panel-reps .panel-content { - font-size: 16px; -} -#panel-reps .panel-content h3 { - font-size: 20px; -} -#panel-reps .panel-content label { - font-size: 16px; -} -#panel-reps .panel-content .button { - font-size: 16px; -} -} -@media only screen and (max-width:480px){ -.panel-content { - font-size: 16px; - line-height: 1.2; - width: 100%; - height: 100%; - left: -150px; - top: 0px; - padding: 0px 80px; -} -.panel:hover .panel-content -{ - top:-20px; -} -} -@media only screen and (min-width:760px) and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-width:760px) and (max-width:1000px) and (min-resolution:1.5dppx), only screen and (min-width:760px) and (max-width:1000px) and (min-resolution:144dpi) { -#panel-fxos { - background-image: url("http://mozilla-tunisia.org/static/home/img/firefoxos-fox-md-hires.png"); - background-size: 290px 390px; -} -} -@media only screen and (max-width:760px) { -#panel-fxos { - background-image: url("http://mozilla-tunisia.org/static/home/img/firefoxos-fox-sm.png"); - background-position: -85px -95px; -} -#panel-fxos.expanded { - background-position: -85px -30px; -} -#panel-fxos.compressed { - background-position: -85px -110px; -} -/*kernel*/ -#panel-webmaker { - background-image: url("../img/bg/webmaker-sm.png"); - background-position: 0px -5px; -} -#panel-webmaker.expanded { - background-position: 10px 40px; -} -#panel-webmaker.compressed { - background-position: 10px 0px; -} -/*FSA*/ -#panel-FSA { - background-image: url("../img/bg/FSA-sm.png"); - background-position: -7px -17px; -} -#panel-FSA.expanded { - background-position: 0px 40px; -} -#panel-FSA.compressed { - background-position: 0px 0px; -} -/*blog*/ -#panel-friends { - background-image: url("../img/bg/friends-sm.png"); - background-position: 0px -10px; -} -#panel-friends.expanded { - background-position: 10px 40px; -} -#panel-friends.compressed { - background-position: 10px 0px; -} -#panel-reps { - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"); - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), -o-linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background-position: -24px -6px; - background-position: -24px -6px, 0 0; - background-size: 136px 114px; - background-size: 136px 114px, auto auto; -} -#panel-reps.expanded { - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"); - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background-position: -24px 10px; - background-position: -24px 10px, 0 0; -} -#panel-reps.compressed { - background-position: -24px -20px; - background-position: -24px -20px, 0 0; -} -#panel-reps .panel-content { - font-size: 16px; -} -#panel-reps .panel-content h3 { - font-size: 16px; -} -#panel-reps .panel-content legend, #panel-reps .panel-content label { - font-size: 14px; -} -#panel-reps .panel-content .button { - font-size: 14px; - margin-top: 12px; -} -} -@media only screen and (min-width:480px) and (max-width:760px) { -#panel-fxos { - background-position: -40px -95px; -} -#panel-fxos.expanded { - background-position: -40px -30px; -} -#panel-fxos.compressed { - background-position: -40px -110px; -} -#panel-reps { - background-position: 0 0; - background-position: 0 0, 0 0; -} -#panel-reps.expanded { - background-position: 0 10px; - background-position: 0 10px, 0 0; -} -#panel-reps.compressed { - background-position: 0 -20px; - background-position: 0 -20px, 0 0; -} -/*blog*/ -#panel-friends { - background-image: url("../img/bg/friends-sm.png"); - background-position: 20px -5px; -} -#panel-friends.expanded { - background-position: 50px 60px; -} -#panel-friends.compressed { - background-position: 50px 0px; -} -/*FSA*/ -#panel-FSA { - background-image: url("../img/bg/FSA-sm.png"); - background-position: 10px -15px; -} -#panel-FSA.expanded { - background-position: 40px 50px; -} -#panel-FSA.compressed { - background-position: 40px 0px; -} -/*community*/ -#panel-webmaker { - background-image: url("../img/bg/webmaker-sm.png"); - background-position: 20px -18px; -} -#panel-webmaker.expanded { - background-position: 45px 65px; -} -#panel-webmaker.compressed { - background-position: 45px 0px; -} -} -@media only screen and (max-width:760px) and (-webkit-min-device-pixel-ratio:1.5), only screen and (max-width:760px) and (min-resolution:1.5dppx), only screen and (max-width:760px) and (min-resolution:144dpi) { -#panel-fxos { - background-image: url("http://mozilla-tunisia.org/static/home/img/firefoxos-fox-sm-hires.png"); - background-size: 190px 246px; -} -#panel-reps { - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"); - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), -o-linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background-size: 117px 92px; - background-size: 117px 92px, auto auto; -} -#panel-reps.expanded { - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"); - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); - background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); -} -} -/*End*/ -/* Contact form CSS */ -#contact_form{ - background-color: #484848; -} -#contact_form input{ - border-color: #484848; -} -#contact_form input:focus, #contact_form textarea:focus{ - border-color: #0000FF; - color: #000000; -} -.error{ - color: #FF0000; - font-size: 10px; -} -#success{ - color:white; -} -#send{ - margin-bottom:15px; -} - -/* Footer Start*/ -footer { - background-color: #D7D3C8 ; - padding:20px 0; - font-family: 'Open Sans', sans-serif; -} -.footer-logo img{ - width:183px; - height:72px; -} -footer ul{ - list-style-type:none; -} -footer h1{ - margin-top:0; -} -/*Footer End*/ -/*---Download Section CSS---*/ -#download-section { - background-color:#2A80B9; -} -#ff-download-message-h { - color:white; -} -#ff-download-btn, #ff-download-btn:hover, #ff-download-btn:visited, #ff-download-btn:active { - text-decoration: none; - color:white; -} -#ff-download-btn, #ff-download-btn:hover, #ff-download-btn:visited, #ff-download-btn:active { - text-decoration: none; - color:white; -} -#ff-download-img { - margin:auto; -} -#ff-download-btn { - float:none; -} -/*---End---*/ -/* Sandstone CSS : Gumdrop Buttons */ -.button { - float: left; - display: block; - text-decoration: none; - text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25); - font: 14px/48px 'OpenSans-Reg', "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; - letter-spacing: -0.25px; - height: 48px; - width: 252px; - background-color: #81BC2E; - text-align: center; - color: white; - border-bottom: none; - -webkit-border-radius: 0.25em; - -moz-border-radius: 0.25em; - border-radius: 0.25em; - -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.1); - box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.1); - /* IE10 */ - background-image: -ms-linear-gradient(top, #81bc2e 0%, #659c28 100%); - /* Mozilla Firefox */ - background-image: -moz-linear-gradient(top, #81bc2e 0%, #659c28 100%); - /* Opera */ - background-image: -o-linear-gradient(top, #81bc2e 0%, #659c28 100%); - /* Webkit (Safari/Chrome 10) */ - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #81bc2e), color-stop(1, #659c28)); - /* Webkit (Chrome 11+) */ - background-image: -webkit-linear-gradient(top, #81bc2e 0%, #659c28 100%); - /* Proposed W3C Markup */ - background-image: linear-gradient(top, #81bc2e 0%, #659c28 100%); - -webkit-transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow; - -webkit-transition-duration: 0.25s; - -webkit-transition-delay: 0s; - -moz-transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow; - -moz-transition-duration: 0.25s; - -moz-transition-delay: 0s; - transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow; - transition-duration: 0.25s; - transition-delay: 0s; -} -.button:hover { - -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12 px 24px 2px #7cd31e; - -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #7cd31e; - box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #7cd31e; - -webkit-transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow; - -webkit-transition-duration: 0.25s; - -webkit-transition-delay: 0s; - -moz-transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow; - -moz-transition-duration: 0.25s; - -moz-transition-delay: 0s; - transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow; - transition-duration: 0.25s; - transition-delay: 0s; -} -.button:active { - -webkit-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2); - -moz-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2); - box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2); - -webkit-transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow; - -webkit-transition-duration: 0.25s; - -webkit-transition-delay: 0s; - -moz-transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow; - -moz-transition-duration: 0.25s; - -moz-transition-delay: 0s; - transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow; - transition-duration: 0.25s; - transition-delay: 0s; -} -/*---End---*/ +/* Add some fonts */ +@font-face +{ + font-family: 'fonesia'; + src: url('Fonesia_Bold.TTF'); +} +/* CSS for all */ +*{ + font-family: 'Open Sans Light', sans-serif; + transition: all linear .1s; +} +html, body { + width: auto !important; + overflow-x: hidden !important; +} +html{ + font-size:100%; +} +body{ + background: #D7D3C8; +} +a{ + text-decoration:none; +} +strong +{ + font-family: 'fonesia',serif; +} +#outer-wrapper{ + border-top: 2px solid #FFF; + position:relative; + min-width:320px; +} +#masthead{ + background: #484D6D none repeat scroll 0% 0%; + display: block; + margin: 0 auto; + padding-left: 20px; + padding-right: 20px; + position: relative; + zoom: 1; +} +/*Nav*/ +ul { + margin: 0; + padding: 0; + border: 0; +} +#masthead nav { + float: right; + margin-right: 16px; + text-transform: uppercase; + font-size: 13px; + font-family: 'Open Sans', sans-serif; +} +#masthead nav li { + display: inline-block; + *display: inline; + *zoom: 1; + list-style-type: none; + margin: 0; +} +#masthead nav li a { + display: inline-block; + padding: 12px; + font-weight: bold; + letter-spacing: 1px; + font-family: 'Roboto Slab', serif; +} +#masthead nav li a, +#masthead nav li a:link, +#masthead nav li a:visited { + color: #eeeeee; +} +#nav-main .toggle { + display: none; + /* Hidden in non-mobile views */ +} +/* Mobile Layout: 320px */ +@media only screen and (max-width: 760px) { + #masthead, + .container{ + width: auto; + padding-left: 10px; + padding-right: 10px; + } + #masthead nav { + float: none; + padding-top: 10px; + margin-left: 10px; + } + #masthead nav ul li { + display: block; + } + #nav-main .toggle { + display: block; + width: 32px; + height: 32px; + margin: -3px 0 0 -3px; + background: no-repeat center top url(../img/sandstone/icn-menu.png); + text-indent: -999em; + overflow: hidden; + cursor: pointer; + } + #nav-main .toggle.open { + background-position: center -100px; + } + #nav-main #nav-main-menu li { + display: block; + float: none; + margin: 0 10px; + border-bottom: 1px solid #f2f2f2; + } + #nav-main #nav-main-menu li:last-child { + border: 0; + } + #nav-main #nav-main-menu a { + cursor: pointer; + display: block; + text-transform: none; + padding: 12px 35px 12px 10px; + margin: 0 -10px; + } + #nav-main #nav-main-menu a.submenu-item { + background: 94% 50% no-repeat url(../img/sandstone/arrow-go.png); + } + #nav-main #nav-main-menu a:hover, + #nav-main #nav-main-menu a:focus, + #nav-main #nav-main-menu a:active { + color: #fff; + text-decoration: none; + text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); + background-color: #247ac1; + background-position: 94% 50%; + background-repeat: no-repeat; + background-image: -moz-linear-gradient(#43a6e2, #247ac1); + background-image: -ms-linear-gradient(#43a6e2, #247ac1); + background-image: -o-linear-gradient(#43a6e2, #247ac1); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #43a6e2), color-stop(100%, #247ac1)); + background-image: -webkit-linear-gradient(#43a6e2, #247ac1); + background-image: linear-gradient(#43a6e2, #247ac1); + } + #nav-main #nav-main-menu a.submenu-item:hover, + #nav-main #nav-main-menu a.submenu-item:focus, + #nav-main #nav-main-menu a.submenu-item:active { + background-image: url(../img/sandstone/arrow-go.png), -moz-linear-gradient(#43a6e2, #247ac1); + background-image: url(../img/sandstone/arrow-go.png), -ms-linear-gradient(#43a6e2, #247ac1); + background-image: url(../img/sandstone/arrow-go.png), -o-linear-gradient(#43a6e2, #247ac1); + background-image: url(../img/sandstone/arrow-go.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #43a6e2), color-stop(100%, #247ac1)); + background-image: url(../img/sandstone/arrow-go.png), -webkit-linear-gradient(#43a6e2, #247ac1); + background-image: url(../img/sandstone/arrow-go.png), linear-gradient(#43a6e2, #247ac1); + } + #nav-main #nav-main-menu li.first > a { + border-radius: 10px 10px 0 0; + } + #nav-main #nav-main-menu li.last > a { + border-radius: 0 0 10px 10px; + } + #nav-main-menu { + background: #fff; + position: absolute; + z-index: 99; + width: 200px; + margin: 15px 0 0 -10px; + display: none; + top: 35px; + overflow: visible; + -moz-border-radius: 10px; + border-radius: 10px; + -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); + } + #nav-main-menu:before { + content: ""; + display: block; + width: 28px; + height: 10px; + background: no-repeat url(../img/sandstone/menu-point.png); + position: absolute; + left: 12px; + top: -10px; + } +} +/* Wide Mobile Layout: 480px */ +@media only screen and (min-width: 480px) and (max-width: 760px) { + #masthead, + .container{ + width: auto; + } +} +/*Hero Image Section */ +#hero_col{ + position: relative; +} +#hero_main{ + position: relative; + top: 0; + left: 0; + max-width:100%; + padding-top: 1.5px; +} +#hero_logo{ + position: absolute; + bottom:5px; +} +.animated { + -webkit-animation-duration: 2s; + -ms-animation-duration: 2s; + -o-animation-duration: 2s; + -moz-animation-duration: 2s; + animation-duration: 2s; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + -o-animation-fill-mode: both; + animation-fill-mode: both; +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + -ms-transform: translate3d(0, -100%, 0); + -moz-transform: translate3d(0, -100%, 0); + -o-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + -moz-transform: none; + -o-webkit-transform: none; + transform: none; + -ms-transform: none; + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + -moz-transform: translate3d(0, -100%, 0); + -o-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + -ms-transform: translate3d(0, -100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + -moz-transform: none; + -o-transform: none; + transform: none; + -ms-transform: none; + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + -moz-animation-name: fadeInDown; + -o-animation-name: fadeInDown; + -ms-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +/* Hero Image ends*/ +/*About Section*/ +section#About{ + background-color: #fff; + color: #2F2354; + text-align: left; + font-size: 1rem; + line-height: 2; + letter-spacing: 0.7px; + font-family: 'Open Sans',X-LocaleSpecific,sans-serif; +} +#AboutUs h1{ + text-align: center; + font-weight: bold; +} +#AboutUs h3{ + font-weight: bold; + text-align:justify; +} +#coreContributers img{ + padding: 20px; + display: inline-block; +} +/*----End---*/ + +/*About(Community) Section*/ +section#community{ + padding:40px 0 20px 0; + background-color: #D7D3C8; + color: #fff; + text-align: center; + font-size: 35px; + line-height: 0.9; + list-style: none; + font-family: 'Open Sans'; + font-style: normal; + font-variant: normal; +} +section#community .content{ + font-style: italic; + font-size: 20px; + font-weight: 600; +} +section#community .col-md-4{ + padding-bottom: 40px; +} +section#community .contribute-btn{ + display: inline-block; + margin: 0 auto 20px auto; + padding: 20px 60px; + line-height: 1.3; + text-align: center; + font-size: 18px; + font-size: 1.125rem; + background: #0095dd; + border-radius: 10px; + text-transform: uppercase; + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + text-decoration: none; + color:white; + font-weight: bold; +} +section#community .contribute-btn:visited { + color: #fff; +} +section#community .contribute-btn:hover{ + color: #0095dd; + background: #fff; +} +section#community .fa-heart{ + color: #dfa09d; + padding-bottom: 5px; +} +section#community .fa-users{ + color: #dfa09d; + padding-bottom: 5px; +} +section#community .fa-globe{ + color: #dfa09d; + padding-bottom: 5px; +} +/*-----End----*/ +/*Accordion Slider*/ +.no-js img.js, .no-js .panel-title { + display: none; +} +.pillars { + position: relative; + margin: 0 auto; +} +.wide .pillars { + height: 500px; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.accordion { + list-style: none; + position: relative; + left: -0.5%; + top: 0; + width: 102%; + margin: 0; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.js .accordion { + overflow: hidden; +} +.panel { + background-color: #777; + display: block; + margin: 0; + position: relative; + -webkit-transition: background-position .5s ease-in-out; + -moz-transition: background-position .5s ease-in-out; + -o-transition: background-position .5s ease-in-out; + -ms-transition: background-position .5s ease-in-out; + transition: background-position .5s ease-in-out; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.panel:focus { + outline: 0; +} +.panel.expanded, .panel.compressed { + -webkit-transition: background-position .5s ease-in-out; + -moz-transition: background-position .5s ease-in-out; + -o-transition: background-position .5s ease-in-out; + -ms-transition: background-position .5s ease-in-out; + transition: background-position .5s ease-in-out; +} +.wide .panel { + margin: 0 0 0 -2px; + padding: 0; + float: left; + width: 19.7%; + height: 500px; + min-height: 0; + overflow: hidden; + box-shadow: -6px 0 10px -4px rgba(0, 0, 0, 0.5); +} +.wide .panel:first-child { + box-shadow: none; +} +.no-js .panel { + min-height: 16em; +} +.no-js #panel-vans { + overflow: hidden; +} +.panel-title { + color: #fff; + font-size: 18px; + line-height: 1.5; + font-weight: bold; + font-family: 'Rufina',serif; + letter-spacing: -0.025em; + text-align: center; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); + text-transform: uppercase; + margin: 0; + padding: 40px 15px 0; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 80px; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.panel-title i { + font-style: normal; +} +.panel-inner { + background-color: rgba(0, 0, 0, 0.1); + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; + -webkit-transition: background-color .5s ease-in-out; + -moz-transition: background-color .5s ease-in-out; + -o-transition: background-color .5s ease-in-out; + -ms-transition: background-color .5s ease-in-out; + transition: background-color .5s ease-in-out; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.expanded .panel-inner { + background-color: transparent; + -webkit-transition: background-color .5s ease-in-out; + -moz-transition: background-color .5s ease-in-out; + -o-transition: background-color .5s ease-in-out; + -ms-transition: background-color .5s ease-in-out; + transition: background-color .5s ease-in-out; +} +.compressed .panel-inner { + background-color: rgba(0, 0, 0, 0.25); +} +.panel-content { + font-family: 'Open Sans Light', sans-serif; + font-weight: normal; + color: #fff; + font-size: 20px; + line-height: 1.3; + position: relative; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.panel-content h3 { + font-weight: bold; + font-size: 100%; + color: inherit; + letter-spacing: -0.03em; + margin: 0 0 .25em; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); + text-transform: uppercase; +} +.panel-content .go { + font-size: 90%; + font-weight: bold; + font-family: 'Open Sans',serif; + letter-spacing: -0.025em; +} +.panel-content>a { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 65px 20px 20px 300px; +} +.panel-content a:link, .panel-content a:visited { + color: inherit; +} +.panel-content a:hover, .panel-content a:focus, .panel-content a:active { + color: inherit; + text-decoration: none; + outline: 0; +} +.panel-content a:focus .go, .panel-content a:active .go, .panel-content .go:hover { + text-decoration: none; +} +.wide .panel-content { + height: 500px; + min-height: 0; + width: 290px; + padding: 40px 40px 40px 300px; + position: absolute; + top: 0; + left: 100px; +} +.wide .panel-content>a { + padding: 40px 40px 40px 300px; +} +.js .panel-content { + display: none; +} +.no-js .panel-content { + min-height: 9.5em; + padding: 1em 40px 1em 300px; +} +@media only screen and (min-width:760px) and (max-width:1000px) { +.panel-title { + font-size: 16px; + width: 222px; + text-align:left; +} +.wide .panel-content { + font-size: 16px; + height: 280px; + width: 250px; + left:50px; +} +.wide .panel-content .panel-logo { + left: 200px; + top: 30px; +} +.wide .panel-content .go { + font-size: 16px; +} +.wide .panel-content>a { + padding: 80px 20px 20px 200px; +} +} +@media only screen and (max-width:760px) { +.pillars { + width: 100%; +} +.accordion { + width: auto; + padding: 0; + position: relative; + left: 0; + overflow: visible; + margin: 0; +} +.panel { + float: none; + width: 100%; + height: 4.5em; + margin: 0; + overflow: hidden; + position: relative; + box-shadow: inset 0 4px 10px -5px rgba(0, 0, 0, 0.75); +} +.panel:first-child { + box-shadow: none; +} +.panel-inner { + background: transparent; +} +.panel-title { + position: static; + width: auto; + height: auto; + padding: .75em 20px .75em 40%; + min-height: 3em; + text-align: left; + font-size: 16px; +} +.panel-title:after { + content: '\25bc'; + position: absolute; + right: 25px; + top: 35%} +.panel-content { + font-size: 16px; + line-height: 1.2; + width: 100%; + height: 100%; +} +.panel-content>a { + padding: 65px 40px 40px 300px; +} +.panel-content .panel-logo { + position: static; + display: block; + margin-bottom: 10px; +} +.no-js .panel { + height: auto; + min-height: 20em; + padding: 0; +} +.no-js .panel .panel-content { + padding: 0; +} +} +@media only screen and (min-width:480px) and (max-width:760px) { +.pillars { + width: 100%; +} +} +/*add panel-webmaker style*/ +#panel-webmaker { + background: #c13832 url("../img/bg/webmaker.png") 35px 100px no-repeat; + background: url("../img/bg/webmaker.png") 35px 100px no-repeat, #c13832 -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background: url("../img/bg/webmaker.png") 35px 100px no-repeat, #c13832 -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background: url("../img/bg/webmaker.png") 35px 100px no-repeat, #c13832 -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background: url("../img/bg/webmaker.png") 35px 100px no-repeat, #c13832 linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + +} +#panel-webmaker.expanded { + background-position: 85px 30px; +} +#panel-webmaker.compressed { + background-position: 0px 100px; +} +#panel-webmaker .panel-title i { + display: block; +} +/*add panel-friends and panel-FSA style*/ +#panel-friends{ + background: #404c58 url("../img/bg/friends.png") 35px 80px no-repeat; + background: url("../img/bg/friends.png") 35px 80px no-repeat, #333 repeat scroll 0% 0%;; +} +#panel-friends.expanded { + background-position: 80px 30px; +} +#panel-friends.compressed { + background-position: 0px 80px; +} +#panel-FSA +{ + background: #404c58 url("../img/bg/FSA.png") 20px 75px no-repeat; + background: url("../img/bg/FSA.png") 20px 75px no-repeat, #404c58 repeat; +} +#panel-FSA.expanded { + background-position: 80px 15px; +} +#panel-FSA.compressed { + background-position: -10px 75px; +} +#panel-friends .panel-title i,#panel-FSA .panel-title i { + display: block; +} +#panel-fxos { + background: #0095dd url("http://mozilla-tunisia.org/static/home/img/firefoxos-fox.png") -100px -100px no-repeat; +} +#panel-fxos.expanded { + background-position: -60px -100px; +} +#panel-fxos.compressed { + background-position: -140px -100px; +} + #panel-reps { + background: #c13832 url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"); + background: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), #c13832 -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), #c13832 -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), #c13832 -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), #c13832 linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-position: -50px 20px; + background-position: -50px 20px, 0 0; + background-repeat: no-repeat; + background-repeat: no-repeat, repeat-x; + } +#panel-reps .panel-title i { + display: block; +} +#panel-reps .panel-content { + color: #fff; + font-size: 20px; +} +#panel-reps .panel-content h3 { + font-size: 24px; + font-weight: 800; +} +#panel-reps .panel-content legend { + font-size: 20px; + color: #fff; + font-weight: 800; + text-shadow: none; +} +#panel-reps .panel-content label { + display: inline-block; + font-size: 18px; + font-weight: 800; + margin: 0 10px 10px 0; +} +#panel-reps .panel-content .button { + display: block; + padding: 10px 20px; + font-size: 18px; + margin-top: 20px; +} +#panel-reps.expanded { + background-position: -20px 20px; + background-position: -20px 20px, 0 0; +} +#panel-reps.compressed { + background-position: -90px 20px; + background-position: -90px 20px, 0 0; +} +.no-js #panel-reps { + min-height: 22em; +} +@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:1.5dppx), (min-resolution:144dpi) { +#panel-fxos { + background-image: url("http://mozilla-tunisia.org/static/home/img/firefoxos-fox-hires.png"); + background-size: 335px 468px; +} +#panel-reps { + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-hires.png"); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-hires.png"), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-hires.png"), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-hires.png"), -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-hires.png"), linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-size: 287px 238px; + background-size: 287px 238px, auto auto; +} +} +@media only screen and (min-width:760px) and (max-width:1000px) { +#panel-fxos { + background-image: url("http://mozilla-tunisia.org/static/home/img/firefoxos-fox-md.png"); + background-position: -115px -70px; +} +#panel-fxos.expanded { + background-position: -95px -70px; +} +#panel-fxos.compressed { + background-position: -135px -70px; +} +/*blog*/ +#panel-friends { + background-image: url("../img/bg/friends.png"); + background-position: 5px 80px; +} +#panel-friends.expanded { + background-position: 35px 30px; +} +#panel-friends.compressed { + background-position: 0px 80px; +} +/*FSA*/ +#panel-FSA { + background-image: url("../img/bg/friends.png"); + background-position: 3px 82px; +} +#panel-FSA.expanded { + background-position: 20px 15px; +} +#panel-FSA.compressed { + background-position: -10px 75px; +} +/*community*/ +#panel-webmaker { + background-image: url("../img/bg/webmaker.png"); + background-position: 0px 100px; +} +#panel-webmaker.expanded { + background-position: 35px 30px; +} +#panel-webmaker.compressed { + background-position: 0px 100px; +} +#panel-reps { + background-position: -50px 20px; + background-position: -50px 20px, 0 0; +} +#panel-reps.expanded { + background-position: -110px 20px; + background-position: -110px 20px, 0 0; +} +#panel-reps .panel-content { + font-size: 16px; +} +#panel-reps .panel-content h3 { + font-size: 20px; +} +#panel-reps .panel-content label { + font-size: 16px; +} +#panel-reps .panel-content .button { + font-size: 16px; +} +} +@media only screen and (max-width:480px){ +.panel-content { + font-size: 16px; + line-height: 1.2; + width: 100%; + height: 100%; + left: -150px; + top: 0px; + padding: 0px 80px; +} +.panel:hover .panel-content +{ + top:-20px; +} +} +@media only screen and (min-width:760px) and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-width:760px) and (max-width:1000px) and (min-resolution:1.5dppx), only screen and (min-width:760px) and (max-width:1000px) and (min-resolution:144dpi) { +#panel-fxos { + background-image: url("http://mozilla-tunisia.org/static/home/img/firefoxos-fox-md-hires.png"); + background-size: 290px 390px; +} +} +@media only screen and (max-width:760px) { +#panel-fxos { + background-image: url("http://mozilla-tunisia.org/static/home/img/firefoxos-fox-sm.png"); + background-position: -85px -95px; +} +#panel-fxos.expanded { + background-position: -85px -30px; +} +#panel-fxos.compressed { + background-position: -85px -110px; +} +/*kernel*/ +#panel-webmaker { + background-image: url("../img/bg/webmaker-sm.png"); + background-position: 0px -5px; +} +#panel-webmaker.expanded { + background-position: 10px 40px; +} +#panel-webmaker.compressed { + background-position: 10px 0px; +} +/*FSA*/ +#panel-FSA { + background-image: url("../img/bg/FSA-sm.png"); + background-position: -7px -17px; +} +#panel-FSA.expanded { + background-position: 0px 40px; +} +#panel-FSA.compressed { + background-position: 0px 0px; +} +/*blog*/ +#panel-friends { + background-image: url("../img/bg/friends-sm.png"); + background-position: 0px -10px; +} +#panel-friends.expanded { + background-position: 10px 40px; +} +#panel-friends.compressed { + background-position: 10px 0px; +} +#panel-reps { + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), -o-linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-position: -24px -6px; + background-position: -24px -6px, 0 0; + background-size: 136px 114px; + background-size: 136px 114px, auto auto; +} +#panel-reps.expanded { + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate-sm.png"), linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-position: -24px 10px; + background-position: -24px 10px, 0 0; +} +#panel-reps.compressed { + background-position: -24px -20px; + background-position: -24px -20px, 0 0; +} +#panel-reps .panel-content { + font-size: 16px; +} +#panel-reps .panel-content h3 { + font-size: 16px; +} +#panel-reps .panel-content legend, #panel-reps .panel-content label { + font-size: 14px; +} +#panel-reps .panel-content .button { + font-size: 14px; + margin-top: 12px; +} +} +@media only screen and (min-width:480px) and (max-width:760px) { +#panel-fxos { + background-position: -40px -95px; +} +#panel-fxos.expanded { + background-position: -40px -30px; +} +#panel-fxos.compressed { + background-position: -40px -110px; +} +#panel-reps { + background-position: 0 0; + background-position: 0 0, 0 0; +} +#panel-reps.expanded { + background-position: 0 10px; + background-position: 0 10px, 0 0; +} +#panel-reps.compressed { + background-position: 0 -20px; + background-position: 0 -20px, 0 0; +} +/*blog*/ +#panel-friends { + background-image: url("../img/bg/friends-sm.png"); + background-position: 20px -5px; +} +#panel-friends.expanded { + background-position: 50px 60px; +} +#panel-friends.compressed { + background-position: 50px 0px; +} +/*FSA*/ +#panel-FSA { + background-image: url("../img/bg/FSA-sm.png"); + background-position: 10px -15px; +} +#panel-FSA.expanded { + background-position: 40px 50px; +} +#panel-FSA.compressed { + background-position: 40px 0px; +} +/*community*/ +#panel-webmaker { + background-image: url("../img/bg/webmaker-sm.png"); + background-position: 20px -18px; +} +#panel-webmaker.expanded { + background-position: 45px 65px; +} +#panel-webmaker.compressed { + background-position: 45px 0px; +} +} +@media only screen and (max-width:760px) and (-webkit-min-device-pixel-ratio:1.5), only screen and (max-width:760px) and (min-resolution:1.5dppx), only screen and (max-width:760px) and (min-resolution:144dpi) { +#panel-fxos { + background-image: url("http://mozilla-tunisia.org/static/home/img/firefoxos-fox-sm-hires.png"); + background-size: 190px 246px; +} +#panel-reps { + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), -o-linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), linear-gradient(top, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-size: 117px 92px; + background-size: 117px 92px, auto auto; +} +#panel-reps.expanded { + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); + background-image: url("http://mozilla-tunisia.org/static/home/img/bg-donate.png"), linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0) 100%); +} +} +/*End*/ +/* Contact form CSS */ +#contact_form{ + background-color: #484848; +} +#contact_form input{ + border-color: #484848; +} +#contact_form input:focus, #contact_form textarea:focus{ + border-color: #0000FF; + color: #000000; +} +.error{ + color: #FF0000; + font-size: 10px; +} +#success{ + color:white; +} +#send{ + margin-bottom:15px; +} + +/* Footer Start*/ +footer { + background-color: #D7D3C8 ; + padding:20px 0; + font-family: 'Open Sans', sans-serif; +} +.footer-logo img{ + width:183px; + height:72px; +} +footer ul{ + list-style-type:none; +} +footer h1{ + margin-top:0; +} +/*Footer End*/ +/*---Download Section CSS---*/ +#download-section { + background-color:#2D3047; +} +#ff-download-message-h { + color:white; +} +#ff-download-btn, #ff-download-btn:hover, #ff-download-btn:visited, #ff-download-btn:active { + text-decoration: none; + color:white; +} +#ff-download-btn, #ff-download-btn:hover, #ff-download-btn:visited, #ff-download-btn:active { + text-decoration: none; + color:white; +} +#ff-download-img { + margin:auto; +} +#ff-download-btn { + float:none; +} +/*---End---*/ +/* Sandstone CSS : Gumdrop Buttons */ +.button { + float: left; + display: block; + text-decoration: none; + text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25); + font: 14px/48px 'OpenSans-Reg', "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; + letter-spacing: -0.25px; + height: 48px; + width: 252px; + background-color: #81BC2E; + text-align: center; + color: white; + border-bottom: none; + -webkit-border-radius: 0.25em; + -moz-border-radius: 0.25em; + border-radius: 0.25em; + -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.1); + /* IE10 */ + background-image: -ms-linear-gradient(top, #81bc2e 0%, #659c28 100%); + /* Mozilla Firefox */ + background-image: -moz-linear-gradient(top, #81bc2e 0%, #659c28 100%); + /* Opera */ + background-image: -o-linear-gradient(top, #81bc2e 0%, #659c28 100%); + /* Webkit (Safari/Chrome 10) */ + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #81bc2e), color-stop(1, #659c28)); + /* Webkit (Chrome 11+) */ + background-image: -webkit-linear-gradient(top, #81bc2e 0%, #659c28 100%); + /* Proposed W3C Markup */ + background-image: linear-gradient(top, #81bc2e 0%, #659c28 100%); + -webkit-transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow; + -webkit-transition-duration: 0.25s; + -webkit-transition-delay: 0s; + -moz-transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow; + -moz-transition-duration: 0.25s; + -moz-transition-delay: 0s; + transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow; + transition-duration: 0.25s; + transition-delay: 0s; +} +.button:hover { + -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12 px 24px 2px #7cd31e; + -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #7cd31e; + box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #7cd31e; + -webkit-transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow; + -webkit-transition-duration: 0.25s; + -webkit-transition-delay: 0s; + -moz-transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow; + -moz-transition-duration: 0.25s; + -moz-transition-delay: 0s; + transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow; + transition-duration: 0.25s; + transition-delay: 0s; +} +.button:active { + -webkit-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2); + box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2); + -webkit-transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow; + -webkit-transition-duration: 0.25s; + -webkit-transition-delay: 0s; + -moz-transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow; + -moz-transition-duration: 0.25s; + -moz-transition-delay: 0s; + transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow; + transition-duration: 0.25s; + transition-delay: 0s; +} +/*---End---*/ diff --git a/src/client/index.html b/src/client/index.html index 501414e..e153b56 100644 --- a/src/client/index.html +++ b/src/client/index.html @@ -1,362 +1,362 @@ - - - - - - - - Mozilla Delhi | MozPacers - - - - - - - - - - - - - - - - - - - - -
- -
-
- mozilla - -
-
- - - -
-
-
- - -
-
-
- - - -
-
-
-
-
-

- Firefox Logo -

-

- Committed to you, your privacy and an open web -

-
-
-
-
-

- FREE DOWNLOAD -

-
-
-
-
-
- - - -
- -
- -
-
-
-
-

Who are Mozpacers?

-

Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from diverse backgrounds to better contribute the making of better web, as is mission of Mozilla.

-

Regions Covered:

-

The fragrance is not just in Delhi and NCR zone but we also conduct various campaigns and workshops in North India states viz. Haryana, Himachal Pradesh, Punjab etc. This way we get to teach a lot of people about web and Mozilla’s mission and in the same time get potential people in the community.

-

Structure of the Community:

-

We are mainly divided into Technical and Non-technical teams. We try that all the members get to take various leadership and managerial roles in various projects and events. We are open to the way of contributions and anybody can contribute in whichever positions he/she are comfortable in.

-
-
- - contributer1 - contributer2 - contributer3 - contributer4 - contributer5 - -
-
-
-
- -
-
-
-
- - - 10,554 - -
- - active Mozillians -
- worldwide - -
-
- - - 121 - -
- - upcoming events -
- around the globe - -
-
- - - 87 - -
- - languages and counting, -
- on every continent - -
-
- Get Involved with Mozilla today -
-
-
-
- -
-
-
-

Contact Us

-
-
-
- - -
-
- - -
-
-
-
- - -
-
- - -
-
- - -
- - - - - - - - - - - + + + + + + + + Mozilla Delhi | MozPacers + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ mozilla + +
+
+ + + +
+
+
+ + +
+
+
+ + + +
+
+
+
+
+

+ Firefox Logo +

+

+ Committed to you, your privacy and an open web +

+
+
+
+
+

+ FREE DOWNLOAD +

+
+
+
+
+
+ + + +
+ +
+ +
+
+
+
+

Who are Mozpacers?

+

Mozpacers are the active Mozillians of Mozilla Delhi Community. The seed was sowed in January 2014 by Anup Mishra, Ajay Kumar and Bhuvnesh Dogra and now it is blossoming with the Mozpacers as petals. We believe in building up an open and dynamic community and so are trying to indulge people from diverse backgrounds to better contribute the making of better web, as is mission of Mozilla.

+

Regions Covered:

+

The fragrance is not just in Delhi and NCR zone but we also conduct various campaigns and workshops in North India states viz. Haryana, Himachal Pradesh, Punjab etc. This way we get to teach a lot of people about web and Mozilla’s mission and in the same time get potential people in the community.

+

Structure of the Community:

+

We are mainly divided into Technical and Non-technical teams. We try that all the members get to take various leadership and managerial roles in various projects and events. We are open to the way of contributions and anybody can contribute in whichever positions he/she are comfortable in.

+
+
+ + contributer1 + contributer2 + contributer3 + contributer4 + contributer5 + +
+
+
+
+ +
+
+
+
+ + + 10,554 + +
+ + active Mozillians +
+ worldwide + +
+
+ + + 121 + +
+ + upcoming events +
+ around the globe + +
+
+ + + 87 + +
+ + languages and counting, +
+ on every continent + +
+
+ Get Involved with Mozilla today +
+
+
+
+ +
+
+
+

Contact Us

+
+
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+ + +
+ + + + + + + + + + +