From 4c60b4d6c3b794bbd2ac8ba66e7837b5c5614a2c Mon Sep 17 00:00:00 2001
From: Geindre Colin <geindre@insa-20044>
Date: Thu, 11 Feb 2021 09:07:10 +0100
Subject: [PATCH] style images

---
 Y/ystyle.css | 34 +++++++++++++++++++++++++---------
 1 file changed, 25 insertions(+), 9 deletions(-)

diff --git a/Y/ystyle.css b/Y/ystyle.css
index 76e6b46..dfbf8c7 100644
--- a/Y/ystyle.css
+++ b/Y/ystyle.css
@@ -220,7 +220,7 @@ code {
 .output, samp {
   display: block;
   background: rgba(19, 19, 19, .8);
-  margin-top: 20px;
+  margin: 20px 0;
   font-family: monospace;
   color: #ccffcc;
   border-radius: 12px;
@@ -247,6 +247,7 @@ code.block {
   border-left: 10px solid #944;
   line-height: 1.55;
   transition: all .3s;
+  margin: 20px 0;
 }
 
 code.page {
@@ -400,14 +401,6 @@ pre {
   margin: 20px 0;
 }
 
-img.space {
-  margin-left: auto;
-  margin-right: auto;
-  display: block;
-  margin-top: 1.5ex;
-  margin-bottom: 1.5ex;
-}
-
 span.lbutton {
   position: relative;
   margin-right: 6px;
@@ -461,6 +454,29 @@ aside .yfold-title, .card .yfold-title {
   font-weight: 100;
 }
 
+img.space {
+  margin: 25px auto;
+  border-radius: 12px;
+  box-shadow: black 2px 2px 5px;
+  display: block;
+}
+
+img.float {
+  margin: 15px auto;
+  border-radius: 12px;
+}
+
+img[src*="png"] {
+  border: none;
+  background: transparent;
+  box-shadow: none;
+}
+
+img:hover {
+  transform: scale(1.05);
+  transition: all 0.3s;
+}
+
 /* MEDIA */
 @media (min-width: 1400px) {
   footer {