Bug 518394 - Changes to Installer for Oxygen
Signed-off-by: Eric Poirier <eric.poirier@eclipse-foundation.org>
diff --git a/assets/public/images/oxygen-installer-bg.png b/assets/public/images/oxygen-installer-bg.png
new file mode 100644
index 0000000..f03ef9f
--- /dev/null
+++ b/assets/public/images/oxygen-installer-bg.png
Binary files differ
diff --git a/assets/public/stylesheets/downloads.min.css b/assets/public/stylesheets/downloads.min.css
index 6169fd1..a094ebb 100644
--- a/assets/public/stylesheets/downloads.min.css
+++ b/assets/public/stylesheets/downloads.min.css
@@ -1,2 +1,2 @@
-.neon{font-family:'clipregular',Arial,sans-serif;font-size:1.4em}.downloads-container{overflow:hidden}.downloads-header{background-image:url('../images/downloads-header-bg.jpg');background-repeat:repeat-x;border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6}@media (min-width:768px){.downloads-header{background-position:top left}}@media (min-width:992px){.downloads-header{background-position:top right}}@media (min-width:1200px){.downloads-header{background-position:top right}}.downloads-header .h1-container{border-left:5px solid #f7941e;padding-left:10px;margin-top:60px}.downloads-header h1{color:#fff;position:relative;margin:0}.downloads-header-white-shape{min-height:240px;padding-right:0}@media (min-width:992px) and (max-width:1199px){.downloads-header-white-shape{border-right:5px solid #dbdbdb}}@media (min-width:1200px){.downloads-header-white-shape{background-image:url('../images/downloads-header-white-shape-bg.png');background-position:top right;background-repeat:no-repeat}}.downloads-header-white-content{background-color:#fff;min-height:240px;position:relative}@media (min-width:1200px){.downloads-header-white-content{padding-left:0}}@media (min-width:992px){.downloads-header-white-content:after{content:"";position:absolute;width:1000px;height:240px;z-index:1;left:0;background-color:#f6f6f6}}@media (max-width:992px){.downloads-header-white-content{margin-top:10px}}.downloads-header-box-ad{text-align:center;width:100%;z-index:999}@media (min-width:992px){.downloads-header-box-ad{position:absolute}}@media (min-width:768px) and (max-width:992px){.downloads-header-box-ad{padding:0 10px}}.downloads-header-padding{padding-top:20px;padding-bottom:20px}.downloads-content-padding{padding-top:20px}.downloads-section-all-projects{text-align:center}.downloads-section{-moz-box-shadow:inset 0 -33px 109px -23px #e0e0e0;-webkit-box-shadow:inset 0 -33px 109px -23px #e0e0e0;box-shadow:inset 0 -33px 109px -23px #e0e0e0;text-align:center}.downloads-section .fa-angle-down{color:#f7941e;font-size:24px;border:2px solid #f7941e;border-radius:100px;width:27px;height:27px;display:block;margin:0 auto;padding-bottom:10px;background-color:#fff;z-index:1}.downloads-section .fa-angle-down:after{z-index:-1;position:relative;border-bottom:2px solid #f7941e;content:"";width:100px;height:2px;display:block;margin-left:-40px;top:-13px}.downloads-logo{width:100px;height:50px;margin:0 auto 15px;display:flex}.downloads-logo img{max-width:100%;max-height:auto;margin:0 auto}.downloads-items{margin-bottom:20px;padding:30px 15px 30px;position:relative}.downloads-items .small{font-size:12px}.downloads-items .downloads-items-hover-box{opacity:0;visibility:hidden;position:absolute;background-color:rgba(245,245,245,0.95);border-radius:300px;box-shadow:0 0 4px 1px #ccc;top:-20px;width:230px;left:0;height:230px;z-index:777;padding:25px;transition:visibility 0s,opacity .2s ease-in-out;-o-transition:visibility 0s,opacity .2s ease-in-out;-ms-transition:visibility 0s,opacity .2s ease-in-out;-moz-transition:visibility 0s,opacity .2s ease-in-out;-webkit-transition:visibility 0s,opacity .2s ease-in-out}@media (min-width:992px){.downloads-items:hover .downloads-items-hover-box{transition:visibility 0s,opacity .2s ease-in-out;-o-transition:visibility 0s,opacity .2s ease-in-out;-ms-transition:visibility 0s,opacity .2s ease-in-out;-moz-transition:visibility 0s,opacity .2s ease-in-out;-webkit-transition:visibility 0s,opacity .2s ease-in-out;opacity:1;visibility:visible}}.downloads-items-close{cursor:pointer}.downloads-items-hover-box-text{font-size:.8em}.downloads-items-hover-box-links{font-size:.8em;margin:0 0 5px}.downloads-items-hover-box-links a{color:#8b82b0;text-transform:uppercase}.downloads-items-header{font-size:18px;font-weight:700;margin-top:5px}.downloads-items-header:after{content:"";position:relative;display:block;width:50px;height:3px;border-bottom:2px solid;margin:0 auto;top:5px}@media (max-width:1200px){.downloads-items-header{cursor:pointer}}.downloads-menu-container{height:46px;width:100%}.downloads-menu{font-size:14px;width:100%;z-index:999}.downloads-menu ul{margin-bottom:0;line-height:1}.downloads-menu ul li{line-height:1;padding:16px 15px}.downloads-menu ul li:hover,.downloads-menu ul li.active{background-color:rgba(0,0,0,0.1)}.downloads-menu a{color:#6f6f6f;text-decoration:none}.downloads-menu a:hover{color:#6f6f6f;text-decoration:none}.downloads-bar-ad{color:#fff;border-bottom:1px solid #ddd}.downloads-bar-ad p{color:#fff;padding:15px 0 15px 10px;margin:0;font-weight:300}@media (max-width:991px){.downloads-bar-ad p{text-align:center;padding:15px 0 5px 10px}}@media (min-width:1200px){.downloads-bar-ad p{font-size:16px}}.downloads-bar-ad .btn{margin-top:8px;z-index:999}@media (min-width:992px){.downloads-bar-ad .btn{position:absolute}}@media (max-width:991px){.downloads-bar-ad .btn{margin-bottom:15px}}.downloads-bar-ad-white-shape{background-repeat:no-repeat;background-position:top right;padding-right:0}.downloads-bar-ad-white-content{text-align:center;position:relative}@media (min-width:1200px){.downloads-bar-ad-white-content{padding-left:0}}@media (min-width:992px){.downloads-bar-ad-white-content{text-align:left}}h2{font-size:16px}h2 span.downloads-title{color:#828282;padding:6px 30px;position:relative;border:1px solid #dadada;width:150px}.grey-link{color:#9692a8;font-weight:300}.downloads-installer{position:relative;margin-bottom:10px;top:-20px}@media (max-width:991px){.downloads-installer{border-bottom:2px dotted #e0e0e0;padding-bottom:20px}}@media (min-width:992px){.downloads-installer:after{content:"";height:170px;width:3px;border-right:2px dotted #e0e0e0;position:absolute;top:20px;right:0}}@media (min-width:992px) and (min-width:1200px){.downloads-installer:after{right:45px}}#all-projects{background-color:#efefef;border-top:1px solid #e8e8e8}#all-projects .container{background-image:url('/eclipse.org-common/themes/solstice/public/images/components/discover-search/discover-search-bg.jpg');background-repeat:no-repeat;background-position:bottom right}.downloads-all-projects-items{padding:30px 15px 0}.col-xs-5th,.col-sm-5th,.col-md-5th,.col-lg-5th,.col-xs-10th,.col-sm-10th,.col-md-10th,.col-lg-10th{position:relative;min-height:1px;padding-right:10px;padding-left:10px}.col-xs-5th{width:20%;float:left}.col-xs-10th{width:20%;float:left}@media (min-width:768px){.col-sm-5th{width:20%;float:left}.col-sm-10th{width:40%;float:left}}@media (min-width:992px){.col-md-5th{width:20%;float:left}.col-md-10th{width:40%;float:left}}@media (min-width:1200px){.col-lg-5th{width:20%;float:left}.col-lg-10th{width:40%;float:left}}
+.oxygen{font-weight:900;text-transform:uppercase;letter-spacing:-1px;color:#69c1bd}.downloads-container{overflow:hidden}.downloads-header{background-image:url('../images/downloads-header-bg.jpg');background-repeat:repeat-x;border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6}@media (min-width:768px){.downloads-header{background-position:top left}}@media (min-width:992px){.downloads-header{background-position:top right}}@media (min-width:1200px){.downloads-header{background-position:top right}}.downloads-header .h1-container{border-left:5px solid #f7941e;padding-left:10px;margin-top:60px}.downloads-header h1{color:#fff;position:relative;margin:0}.downloads-header-white-shape{min-height:240px;padding-right:0}@media (min-width:992px) and (max-width:1199px){.downloads-header-white-shape{border-right:5px solid #dbdbdb}}@media (min-width:1200px){.downloads-header-white-shape{background-image:url('../images/downloads-header-white-shape-bg.png');background-position:top right;background-repeat:no-repeat}}.downloads-header-white-content{background-color:#fff;min-height:240px;position:relative}@media (min-width:1200px){.downloads-header-white-content{padding-left:0}}@media (min-width:992px){.downloads-header-white-content:after{content:"";position:absolute;width:1000px;height:240px;z-index:1;left:0;background-color:#f6f6f6}}@media (max-width:992px){.downloads-header-white-content{margin-top:10px}}.downloads-header-box-ad{text-align:center;width:100%;z-index:999}@media (min-width:992px){.downloads-header-box-ad{position:absolute}}@media (min-width:768px) and (max-width:992px){.downloads-header-box-ad{padding:0 10px}}.downloads-header-padding{padding-top:20px;padding-bottom:20px}.downloads-content-padding{padding-top:20px}.downloads-section-all-projects{text-align:center}.downloads-section{-moz-box-shadow:inset 0 -33px 109px -23px #e0e0e0;-webkit-box-shadow:inset 0 -33px 109px -23px #e0e0e0;box-shadow:inset 0 -33px 109px -23px #e0e0e0;text-align:center}.downloads-section .fa-angle-down{color:#f7941e;font-size:24px;border:2px solid #f7941e;border-radius:100px;width:27px;height:27px;display:block;margin:0 auto;padding-bottom:10px;background-color:#fff;z-index:1}.downloads-section .fa-angle-down:after{z-index:-1;position:relative;border-bottom:2px solid #f7941e;content:"";width:100px;height:2px;display:block;margin-left:-40px;top:-13px}.downloads-logo{width:100px;height:50px;margin:0 auto 15px;display:flex}.downloads-logo img{max-width:100%;max-height:auto;margin:0 auto}.downloads-items{margin-bottom:20px;padding:30px 15px 30px;position:relative}.downloads-items .small{font-size:12px}.downloads-items .downloads-items-hover-box{opacity:0;visibility:hidden;position:absolute;background-color:rgba(245,245,245,0.95);border-radius:300px;box-shadow:0 0 4px 1px #ccc;top:-20px;width:230px;left:0;height:230px;z-index:777;padding:25px;transition:visibility 0s,opacity .2s ease-in-out;-o-transition:visibility 0s,opacity .2s ease-in-out;-ms-transition:visibility 0s,opacity .2s ease-in-out;-moz-transition:visibility 0s,opacity .2s ease-in-out;-webkit-transition:visibility 0s,opacity .2s ease-in-out}@media (min-width:992px){.downloads-items:hover .downloads-items-hover-box{transition:visibility 0s,opacity .2s ease-in-out;-o-transition:visibility 0s,opacity .2s ease-in-out;-ms-transition:visibility 0s,opacity .2s ease-in-out;-moz-transition:visibility 0s,opacity .2s ease-in-out;-webkit-transition:visibility 0s,opacity .2s ease-in-out;opacity:1;visibility:visible}}.downloads-items-close{cursor:pointer}.downloads-items-hover-box-text{font-size:.8em}.downloads-items-hover-box-links{font-size:.8em;margin:0 0 5px}.downloads-items-hover-box-links a{color:#8b82b0;text-transform:uppercase}.downloads-items-header{font-size:18px;font-weight:700;margin-top:5px}.downloads-items-header:after{content:"";position:relative;display:block;width:50px;height:3px;border-bottom:2px solid;margin:0 auto;top:5px}@media (max-width:1200px){.downloads-items-header{cursor:pointer}}.downloads-menu-container{height:46px;width:100%}.downloads-menu{font-size:14px;width:100%;z-index:999}.downloads-menu ul{margin-bottom:0;line-height:1}.downloads-menu ul li{line-height:1;padding:16px 15px}.downloads-menu ul li:hover,.downloads-menu ul li.active{background-color:rgba(0,0,0,0.1)}.downloads-menu a{color:#6f6f6f;text-decoration:none}.downloads-menu a:hover{color:#6f6f6f;text-decoration:none}.downloads-bar-ad{color:#fff;border-bottom:1px solid #ddd}.downloads-bar-ad p{color:#fff;padding:15px 0 15px 10px;margin:0;font-weight:300}@media (max-width:991px){.downloads-bar-ad p{text-align:center;padding:15px 0 5px 10px}}@media (min-width:1200px){.downloads-bar-ad p{font-size:16px}}.downloads-bar-ad .btn{margin-top:8px;z-index:999}@media (min-width:992px){.downloads-bar-ad .btn{position:absolute}}@media (max-width:991px){.downloads-bar-ad .btn{margin-bottom:15px}}.downloads-bar-ad-white-shape{background-repeat:no-repeat;background-position:top right;padding-right:0}.downloads-bar-ad-white-content{text-align:center;position:relative}@media (min-width:1200px){.downloads-bar-ad-white-content{padding-left:0}}@media (min-width:992px){.downloads-bar-ad-white-content{text-align:left}}h2{font-size:16px}h2 span.downloads-title{color:#828282;padding:6px 30px;position:relative;border:1px solid #dadada;width:150px}.grey-link{color:#9692a8;font-weight:300}.downloads-installer{background-image:url('../images/oxygen-installer-bg.png');background-size:contain;background-position:top right;background-repeat:no-repeat;position:relative;margin-bottom:10px;top:-20px}@media (max-width:991px){.downloads-installer{border-bottom:2px dotted #e0e0e0;padding-bottom:20px}}@media (min-width:992px){.downloads-installer:after{content:"";height:170px;width:3px;border-right:2px dotted #e0e0e0;position:absolute;top:20px;right:0}}@media (min-width:992px) and (min-width:1200px){.downloads-installer:after{right:45px}}#all-projects{background-color:#efefef;border-top:1px solid #e8e8e8}#all-projects .container{background-image:url('/eclipse.org-common/themes/solstice/public/images/components/discover-search/discover-search-bg.jpg');background-repeat:no-repeat;background-position:bottom right}.downloads-all-projects-items{padding:30px 15px 0}.col-xs-5th,.col-sm-5th,.col-md-5th,.col-lg-5th,.col-xs-10th,.col-sm-10th,.col-md-10th,.col-lg-10th{position:relative;min-height:1px;padding-right:10px;padding-left:10px}.col-xs-5th{width:20%;float:left}.col-xs-10th{width:20%;float:left}@media (min-width:768px){.col-sm-5th{width:20%;float:left}.col-sm-10th{width:40%;float:left}}@media (min-width:992px){.col-md-5th{width:20%;float:left}.col-md-10th{width:40%;float:left}}@media (min-width:1200px){.col-lg-5th{width:20%;float:left}.col-lg-10th{width:40%;float:left}}
@font-face{font-family:'clipregular';src:url('/neon/fonts/clip-webfont.eot');src:url('/neon/fonts/clip-webfont.eot?#iefix') format('embedded-opentype'),url('/neon/fonts/clip-webfont.woff2') format('woff2'),url('/neon/fonts/clip-webfont.woff') format('woff'),url('/neon/fonts/clip-webfont.ttf') format('truetype'),url('/neon/fonts/clip-webfont.svg#clipregular') format('svg');font-weight:normal;font-style:normal}
\ No newline at end of file
