style button more-link and icon feed rss

diff --git a/css/style.css b/css/style.css
index d314151e4d564456cfc3b63225208c639abf6204..f56a65bcaf98cdedf346057758fb9578b88dc87a 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -19,18 +19,38 @@ a { transition: 0.3s; }
 h2.block-title {
   background: #000;
   color: #FFF;
-  padding: 5px;
+  padding: 0.5em;
 }
 
-.feed-icons,
-.more-link {
-  margin-top: 15px;
-  clear: both;
+.feed-icons a {
+  background: url('../images/rss.svg') top left no-repeat;
+  background-size: contain;
+  width: 20px;
+  height: 20px;
+  overflow: hidden;
+  position: absolute;
+  top: 0px;
+  right: 10px;
+  margin-top: -50px;
+  text-indent: -1000px;
 }
+
+.view-display-id-news_page .feed-icons a {
+  margin-top: -30px;
+}
+
 .more-link {
+  border: 1px solid #ddd;
+  border-radius: .5em;
+  padding: .5em;
+  text-align: center;
+  width: 50%;
+  margin: 0 auto;
   font-weight: bold;
 }
 
+.more-link:hover { border: 1px solid #000; }
+
 .block-views {
   margin-top: 20px;
 }

diff --git a/images/rss.svg b/images/rss.svg
new file mode 100644 (file)
index 0000000..6792694
--- /dev/null
+++ b/images/rss.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2471" height="2500" viewBox="-28.364 -29.444 42.324 42.822"><path fill="#F60" d="M-17.392 7.875c0 3.025-2.46 5.485-5.486 5.485s-5.486-2.46-5.486-5.485c0-3.026 2.46-5.486 5.486-5.486s5.486 2.461 5.486 5.486zm31.351 5.486C14.042.744 8.208-11.757-1.567-19.736c-7.447-6.217-17.089-9.741-26.797-9.708v9.792C-16.877-19.785-5.556-13.535.344-3.66a32.782 32.782 0 0 1 4.788 17.004h8.827v.017zm-14.96 0C-.952 5.249-4.808-2.73-11.108-7.817c-4.821-3.956-11.021-6.184-17.255-6.15v8.245c6.782-.083 13.432 3.807 16.673 9.774a19.296 19.296 0 0 1 2.411 9.326h8.278v-.017z"/></svg>