style button more-link and icon feed rss

[ryf-theme.git] / css / style.css

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;
 }