You are viewing a plain text version of this content. The canonical link for it is here.
Posted to cvs@httpd.apache.org by jc...@apache.org on 2017/03/28 18:54:27 UTC
svn commit: r1789190 - in /httpd/site/trunk: content/css/apsite.css
templates/core.html
Author: jchampion
Date: Tue Mar 28 18:54:27 2017
New Revision: 1789190
URL: http://svn.apache.org/viewvc?rev=1789190&view=rev
Log:
Support Apache badge: fix hover background and size
The badge was inheriting the standard a:hover and page-header img
styles, causing an ugly grey background on mouseover.
Modified:
httpd/site/trunk/content/css/apsite.css
httpd/site/trunk/templates/core.html
Modified: httpd/site/trunk/content/css/apsite.css
URL: http://svn.apache.org/viewvc/httpd/site/trunk/content/css/apsite.css?rev=1789190&r1=1789189&r2=1789190&view=diff
==============================================================================
--- httpd/site/trunk/content/css/apsite.css (original)
+++ httpd/site/trunk/content/css/apsite.css Tue Mar 28 18:54:27 2017
@@ -754,6 +754,16 @@ div#page-header img {
border: none;
}
+div#page-header a.badge {
+ /* Temporary hack for the Support Apache badge */
+ background-color: transparent;
+}
+
+div#page-header a.badge img {
+ /* Temporary hack for the Support Apache badge */
+ margin: -78px 0 1px 0;
+}
+
div#page-header p.apache {
background-color: #304558;
color: #fff;
Modified: httpd/site/trunk/templates/core.html
URL: http://svn.apache.org/viewvc/httpd/site/trunk/templates/core.html?rev=1789190&r1=1789189&r2=1789190&view=diff
==============================================================================
--- httpd/site/trunk/templates/core.html (original)
+++ httpd/site/trunk/templates/core.html Tue Mar 28 18:54:27 2017
@@ -15,7 +15,7 @@
<a href="/">
<img alt="" width="800" height="72" src="/images/httpd_logo_wide_new.png" />
</a>
- <a href="https://www.apache.org/foundation/contributing.html" style="float: right; margin-right: 100px; margin-top: 2px;">
+ <a class="badge" href="https://www.apache.org/foundation/contributing.html" style="float: right; margin-right: 100px; margin-top: 2px;">
<img src="https://www.apache.org/images/SupportApache-small.png" style="width: 95px; height: 95px;">
</a>
</div>