Rss Bar and Legend Link (Job List Footer) Added Classes and IDs to enable easy...

Rss Bar and Legend Link (Job List Footer) Added Classes and IDs to enable easy styling for external themes (#2989)

* ui classes to enable easy styling

* fix align right html to css

* move css to style.css

* Revert "move css to style.css"

This reverts commit f26162a0f350886040935811d6194d585f8a1bf9.

* move css to style.css (without unrelated spaces changed)

* remove ids and use classes

core/src/main/resources/lib/hudson/rssBar.jelly

@@ -24,22 +24,22 @@ THE SOFTWARE.
 
 <?jelly escape-by-default='true'?>
 <j:jelly xmlns:j="jelly:core" xmlns:x="jelly:xml" xmlns:st="jelly:stapler" xmlns:d="jelly:define" xmlns:l="/lib/layout" xmlns:t="/lib/hudson" xmlns:f="/lib/form">
-  <div align="right" style="margin:1em">
-    <a href="${rootURL}/legend">${%Legend}</a>
-    <span style="padding-left:1em">
-      <a href="rssAll"><img src="${imagesURL}/atom.gif" border="0" alt="Feed" height="16" width="16"/></a>
+  <div id="rss-bar">
+    <a href="${rootURL}/legend" class="rss-bar-legend-link">${%Legend}</a>
+    <span class="rss-bar-item">
+      <a href="rssAll" class="rss-bar-item-icon-link"><img src="${imagesURL}/atom.gif" class="icon-rss icon-sm" alt="Feed"/></a>
       <st:nbsp/>
-      <a href="rssAll">RSS ${%for all}</a>
+      <a href="rssAll" class="rss-bar-item-link">RSS ${%for all}</a>
     </span>
-    <span style="padding-left:1em">
-      <a href="rssFailed"><img src="${imagesURL}/atom.gif" border="0" alt="Feed" height="16" width="16"/></a>
+    <span class="rss-bar-item">
+      <a href="rssFailed" class="rss-bar-item-icon-link"><img src="${imagesURL}/atom.gif" class="icon-rss icon-sm" alt="Feed"/></a>
       <st:nbsp/>
-      <a href="rssFailed">RSS ${%for failures}</a>
+      <a href="rssFailed" class="rss-bar-item-link">RSS ${%for failures}</a>
     </span>
-    <span style="padding-left:1em">
-      <a href="rssLatest"><img src="${imagesURL}/atom.gif" border="0" alt="Feed" height="16" width="16"/></a>
+    <span class="rss-bar-item">
+      <a href="rssLatest" class="rss-bar-item-icon-link" ><img src="${imagesURL}/atom.gif" class="icon-rss icon-sm" alt="Feed"/></a>
       <st:nbsp/>
-      <a href="rssLatest">RSS ${%for just latest builds}</a>
+      <a href="rssLatest" class="rss-bar-item-link">RSS ${%for just latest builds}</a>
     </span>
   </div>
 </j:jelly>

war/src/main/webapp/css/style.css

@@ -1913,3 +1913,19 @@ body.no-sticker #bottom-sticker {
     width: 48px;
     height: 48px;
 }
+
+/* rss-bar */
+
+#rss-bar {
+    margin:1em;
+    text-align:right;
+}
+
+#rss-bar .icon-rss {
+    border: 0;
+}
+
+#rss-bar .rss-bar-item {
+    padding-left: 1em;
+}
+