From 6ea37c90a66ddde50dddabd38e06333b64377828 Mon Sep 17 00:00:00 2001
From: Reinier Zwitserloot <r.zwitserloot@projectlombok.org>
Date: Wed, 22 May 2019 01:04:22 +0200
Subject: [website] changed the tidelift link to be more prominent + on docs
 pages

---
 website/resources/css/custom.css | 59 ++++++++++++++++++++++++++++------------
 1 file changed, 42 insertions(+), 17 deletions(-)

(limited to 'website/resources/css')

diff --git a/website/resources/css/custom.css b/website/resources/css/custom.css
index 6774a7d5..0166b84e 100644
--- a/website/resources/css/custom.css
+++ b/website/resources/css/custom.css
@@ -1,35 +1,60 @@
 .importantNotification {
-        background-color: #FFEBCD;
-        border-radius: 20px;
-        padding: 10px;
-        margin: 10px;
+	background-color: #FFEBCD;
+	border-radius: 20px;
+	padding: 10px;
+	margin: 10px;
 }
 
-#clickForVideo {
-	padding: 20px 30px;
-	background-color: #DDD;
-	cursor: pointer;
-	margin-left: auto;
-	margin-right: auto;
-	margin-bottom: 40px;
+.tidelift-link-inline {
+	border-radius: 18px;
+	background-color: #626980;
+	background-color: #626980;
+	background-image: url('/img/tidelift-mark.png');
+	background-repeat: no-repeat;
+	background-position: 6px;
+	background-size: 12px;
+	padding: 2px 8px 2px 26px;
+	color: #FFF;
+}
+
+.tidelift-link {
+	border-bottom-left-radius: 18px;
+	border-top-left-radius: 18px;
+	background-color: #626980;
+	box-sizing: border-box;
+	color: #FFF;
+	display: flex;
+	top: 46px;
+	right: 0px;
+	position: absolute;
+	background-image: url('/img/tidelift-mark.png');
+	background-repeat: no-repeat;
+	background-position: 10px;
+	background-size: 12px;
+	padding: 6px 12px 6px 28px;
 }
 
-.tidelift-para {
-	margin-top: 10px;
+.tidelift-link:hover, .tidelift-link-inline:hover {
+	color: white;
 }
 
 #tideliftlink {
 	margin-left: 2px;
 	padding: 4px 6px 4px 20px;
-	background-image: url('/img/tidelift-mark.png');
-	background-repeat: no-repeat;
-	background-position: 4px;
-	background-size: 12px;
 	background-color: #4b5168;
 	border-radius: 5px;
 	color: white;
 }
 
+#clickForVideo {
+	padding: 20px 30px;
+	background-color: #DDD;
+	cursor: pointer;
+	margin-left: auto;
+	margin-right: auto;
+	margin-bottom: 40px;
+}
+
 pre {
 	text-align: left;
 }
-- 
cgit