adding roll-overs to icons in the footers + other changes.
Signed-off-by: Christopher Guindon <chris.guindon@eclipse.org>
diff --git a/themes/supernova/app/app.php b/themes/supernova/app/app.php
index 77e8f09..c80a3d7 100644
--- a/themes/supernova/app/app.php
+++ b/themes/supernova/app/app.php
@@ -43,8 +43,8 @@
$variables['body']['id'] = 'body_supernova';
// Logos
- $variables['logo']['default'] = '<img src="' . $variables['theme_url'] . 'public/images/logo/eclipse-800x188.png" alt="Eclipse.org logo" width="213" height="50"/>';
- $variables['logo']['white'] = '<img src="' . $variables['theme_url'] . 'public/images/logo/eclipse-logo-bw-800x188.png" alt="Eclipse.org black and white logo" width="166" height="39"/>';
+ $variables['logo']['default'] = '<img src="' . $variables['theme_url'] . 'public/images/logo/eclipse-800x188.png" alt="Eclipse.org logo" width="213" height="50" class="logo-eclipse-default"/>';
+ $variables['logo']['white'] = '<img src="' . $variables['theme_url'] . 'public/images/logo/eclipse-logo-bw-800x188.png" alt="Eclipse.org black and white logo" width="166" height="39" class="logo-eclipse-white"/>';
// Main-menu
if ($Menu != NULL) {
diff --git a/themes/supernova/app/stylesheets/template/footer.less b/themes/supernova/app/stylesheets/template/footer.less
index e897317..90be7a8 100644
--- a/themes/supernova/app/stylesheets/template/footer.less
+++ b/themes/supernova/app/stylesheets/template/footer.less
@@ -4,10 +4,15 @@
footer{
background: url("../images/template/footer-bg.jpg") center top;
- color:#a8a7a9;
+ color:#a8a7a9;
+ padding-top:66px;
+ padding-bottom:46px;
h2{
- color:#a8a7a9;
+ color:#a8a7a9;
+ &.section-title{
+ margin-top:0;
+ }
}
a:link,
@@ -19,11 +24,16 @@
a:hover{
color:#fff;
}
+
+ .logo-eclipse-white{
+ margin-bottom:15px;
+ }
}
.social-media{
.social-media-icon{
background-image: url("../images/template/social-media.png");
background-repeat: no-repeat;
+ margin-bottom:20px;
a{
height:31px;
@@ -31,7 +41,32 @@
display:block;
}
}
- .social-media-facebook{
- background-position:0px 0;
+ .social-media-twitter{
+ background-position:0px 0px;
+ &:hover{
+ background-position:0px -82px;
+ }
}
+
+ .social-media-google{
+ background-position:-43px 0px;
+ &:hover{
+ background-position:-43px -82px;
+ }
+ }
+
+ .social-media-facebook{
+ background-position:-85px 0px;
+ &:hover{
+ background-position:-85px -82px;
+ }
+ }
+
+ .social-media-youtube{
+ background-position:-128px 0px;
+ &:hover{
+ background-position:-128px -82px;
+ }
+ }
+
}
\ No newline at end of file
diff --git a/themes/supernova/footer.php b/themes/supernova/footer.php
index c461c70..2b895cc 100644
--- a/themes/supernova/footer.php
+++ b/themes/supernova/footer.php
@@ -17,7 +17,7 @@
<div class="container">
<div class="row">
<section class="col-md-3">
- <h2>Explore</h2>
+ <h2 class="section-title">Explore</h2>
<ul>
<li><a href="//eclipse.org/">Home</a></li>
<li><a href="//eclipse.org/legal/privacy.php">Privacy Policy</a></li>
@@ -28,7 +28,7 @@
</ul>
</section>
<section class="col-md-3">
- <h2>Explore</h2>
+ <h2 class="section-title">Resources</h2>
<ul>
<li><a href="//eclipse.org/">Home</a></li>
<li><a href="//eclipse.org/legal/privacy.php">Privacy Policy</a></li>
@@ -39,7 +39,7 @@
</ul>
</section>
<section class="col-md-3">
- <h2>Explore</h2>
+ <h2 class="section-title">Getting started</h2>
<ul>
<li><a href="//eclipse.org/">Home</a></li>
<li><a href="//eclipse.org/legal/privacy.php">Privacy Policy</a></li>
diff --git a/themes/supernova/public/stylesheets/styles.min.css b/themes/supernova/public/stylesheets/styles.min.css
index ea9916a..2caa435 100644
--- a/themes/supernova/public/stylesheets/styles.min.css
+++ b/themes/supernova/public/stylesheets/styles.min.css
@@ -3,4 +3,4 @@
* Yet another megamenu for Bootstrap 3
*
* http://geedmo.github.com/yamm3
- */.yamm .nav,.yamm .collapse,.yamm .dropup,.yamm .dropdown{position:static}.yamm .container{position:relative}.yamm .dropdown-menu{left:auto}.yamm .nav.navbar-right .dropdown-menu{left:auto;right:0}.yamm .yamm-content{padding:20px 30px}.yamm .dropdown.yamm-fw .dropdown-menu{left:0;right:0}header .navbar-collapse{padding-left:0;padding-right:0}#row-logo-search{padding-top:82px}#form-eclipse-search,#button-container{float:right}footer{background:url("../images/template/footer-bg.jpg") center top;color:#a8a7a9}footer h2{color:#a8a7a9}footer a:link,footer a:active,footer a:visited{color:#a8a7a9}footer a:hover{color:#fff}.social-media .social-media-icon{background-image:url("../images/template/social-media.png");background-repeat:no-repeat}.social-media .social-media-icon a{height:31px;width:30px;display:block}.social-media .social-media-facebook{background-position:0px 0}
\ No newline at end of file
+ */.yamm .nav,.yamm .collapse,.yamm .dropup,.yamm .dropdown{position:static}.yamm .container{position:relative}.yamm .dropdown-menu{left:auto}.yamm .nav.navbar-right .dropdown-menu{left:auto;right:0}.yamm .yamm-content{padding:20px 30px}.yamm .dropdown.yamm-fw .dropdown-menu{left:0;right:0}header .navbar-collapse{padding-left:0;padding-right:0}#row-logo-search{padding-top:82px}#form-eclipse-search,#button-container{float:right}footer{background:url("../images/template/footer-bg.jpg") center top;color:#a8a7a9;padding-top:66px;padding-bottom:46px}footer h2{color:#a8a7a9}footer h2.section-title{margin-top:0}footer a:link,footer a:active,footer a:visited{color:#a8a7a9}footer a:hover{color:#fff}footer .logo-eclipse-white{margin-bottom:15px}.social-media .social-media-icon{background-image:url("../images/template/social-media.png");background-repeat:no-repeat;margin-bottom:20px}.social-media .social-media-icon a{height:31px;width:30px;display:block}.social-media .social-media-twitter{background-position:0px 0px}.social-media .social-media-twitter:hover{background-position:0 -82px}.social-media .social-media-google{background-position:-43px 0}.social-media .social-media-google:hover{background-position:-43px -82px}.social-media .social-media-facebook{background-position:-85px 0}.social-media .social-media-facebook:hover{background-position:-85px -82px}.social-media .social-media-youtube{background-position:-128px 0}.social-media .social-media-youtube:hover{background-position:-128px -82px}
\ No newline at end of file
