From 17c3463e352f7384f735e36b6a10cadce88b9e0c Mon Sep 17 00:00:00 2001
From: Oncela <am@laquadrature.net>
Date: Tue, 20 Feb 2018 15:35:45 +0100
Subject: [PATCH] =?UTF-8?q?infobulles=20color=C3=A9es=20et=20concernant=20?=
 =?UTF-8?q?chacun=20des=20types=20de=20ressource?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 popup.css | 131 ++++++++++++++++++++++++++++++++++--------------------
 1 file changed, 82 insertions(+), 49 deletions(-)

diff --git a/popup.css b/popup.css
index 312a467..ad2cef5 100644
--- a/popup.css
+++ b/popup.css
@@ -1,83 +1,116 @@
 .flag 
 {
-	color: white; 
 	position: fixed; 
+	box-sizing: initial; 
+  
+	font-family: sans; 
+	color: white;
 	font-size: 16px; 
-	line-height: 20px; 
+	line-height: 20px;
 	text-align: left; 
-	padding: 10px; 
+	
+	height: 40px; 
+	width: 170px;
+	padding: 10px 20px; 
+	
+	left: -210px; 
+
+  .cursor: pointer;
 	z-index: 100000000000; 
-	font-family: sans; 
-	height: 40px; box-sizing: 
-	content-box; 
-	left: -225px; 
-	transition: 1s;
-	cursor: pointer;
-	width: 230px;
 } 
 
-.show 
+.flag:before
+{
+  position: absolute;
+  content: "";
+  width: 230px;
+  height: 80px;
+  background: transparent;
+  left: 0px;
+  top: 0px;
+}
+
+
+.show
 {
 	transition: .5s; 
 	left: 0px;
-} 
+}
 
-.flag:after 
-{ 
-	content: ''; 
-	width: 0; 
-	height: 0; 
-	border-top: 0px solid #f2563c; 
-	border-right: 0px solid transparent; 
-	position: absolute; 
-	top: 0; 
-	border-bottom: 0px solid #f2563c; 
-	right: -30px;
+.fold
+{
+	left: -185px; 
+	transition: .5s;
 }
 
-.bubble {
+.bubble 
+{
 	visibility: hidden;
+	box-sizing: initial;
+	
 	position: relative;
-	left: 240px;
-	width: 260px;
+	left: 210px;
 	top: -50px;
-	padding: 12px;
-	padding-bottom: 20px;
-	font-size: 16px;
+  
+  	background: inherit;
+	width: 260px;
+	padding: 10px;
+	padding-bottom: 30px;
 }
 
-.flag a, .flag b
-{
-	.color: #333;
-	font-weight: bold;
+.flag:hover > .bubble {
+	visibility: visible;
 }
 
-code 
+.details_button
 {
-  text-decoration: underline;
+	cursor: pointer;
 }
 
-.flag:hover > .bubble {
-	visibility: visible;
+.bubble ul
+{
+	list-style-type: none;
+	box-sizing: initial;
+	margin-top: 10px;
+	margin-bottom: 30px;
+	padding-left: 20px;
+	font-size: inherit;
+	line-height: inherit;
+	background: inherit;
 }
 
 .details
 {
 	visibility: hidden;
-	font-family: monospace;
-	position: fixed;
-	width: 67%;
-	left: 30%;
-	top: 2%;
-	background: white;
-	color: black;
-	border: 1px solid black;
-	padding: 14px;
-	font-size: 12px;
-	line-height: 16px;
+	background: inherit;
+	box-sizing: initial;
+	
+	position:  absolute;
+	width: 880px;
+	left: 300px;
+	top: 0;
+	padding: 10px;
 }
 
-.details_button:hover ~ .details
+.details_button:hover + .details
 {
 	visibility: visible;
 }
+
+.details ol
+{
+	list-style-type: decimal;
+	font-family: monospace;
+	box-sizing: initial;
+	margin-top: 20px;
+	margin-bottom: 20px;
+	padding-left: 38px;
+	font-size: 14px;
+	line-height: 20px;
+}
+
+.details li
+{
+	list-style-type: decimal;
+}
+
-- 
GitLab