From 3e9d46b4c5df12528f1602e810cd01a2bdcf891b Mon Sep 17 00:00:00 2001
From: ChtiKenny <ckenny.js@gmail.com>
Date: Tue, 8 Dec 2020 16:26:22 +0100
Subject: [PATCH] started a more 'paper' look

---
 ShadowbaneInquisition/Shadowbane.css | 54 +++++++++++++++++++++++-----
 1 file changed, 46 insertions(+), 8 deletions(-)

diff --git a/ShadowbaneInquisition/Shadowbane.css b/ShadowbaneInquisition/Shadowbane.css
index 026aaaa4c1..99d552eece 100644
--- a/ShadowbaneInquisition/Shadowbane.css
+++ b/ShadowbaneInquisition/Shadowbane.css
@@ -9,15 +9,31 @@
 background-image: url(https://raw.githubusercontent.com/johnmoney-code/roll20-character-sheets/Only-War-Enhanced/Only-War-Enhanced/images/assets/background.gif);
 font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
 font-size: 14px;
+box-shadow:
+  /* The top layer shadow */
+  0 -1px 1px rgba(0,0,0,0.15),
+  /* The second layer */
+  0 -10px 0 -5px #eee,
+  /* The second layer shadow */
+  0 -10px 1px -4px rgba(0,0,0,0.15),
+   /* The third layer */
+  0 -20px 0 -10px #eee,
+  /* The third layer shadow */
+  0 -20px 1px -9px rgba(0,0,0,0.15);
+  /* Padding for demo purposes */
+  padding: 30px;
+	border-radius: 25px;
 }
 
+
 /* All input elements that are of type number or type text */
 select,
 input[type='number'],
 input[type='text'],
 button[type='action'] {
-	background: #52682d;
-	color: white;
+	background: #d5d4cd;
+	box-shadow: inset 0px 0px 6px 1px black;
+/*	color: white; */
 	font-family: inherit;
 	text-align: center;
 }
@@ -50,7 +66,8 @@ label:hover { cursor: pointer; }
 
 /* Both header elements 2 and 3 receive the following CSS properties. */
 h2, h3 {
-	color: white;
+/*	color: white; */
+	color: #4d4d4d;
 	font-family: inherit;
 	letter-spacing: 0px;
 	text-align: center;
@@ -137,11 +154,12 @@ ______________________________ start of multipurpose or special-use classes such
 }
 
 .sheet-box {
-	background: #4d4d4d;
+	background-image: url(https://raw.githubusercontent.com/johnmoney-code/roll20-character-sheets/Only-War-Enhanced/Only-War-Enhanced/images/assets/background.gif);
+/*	background: #4d4d4d; */
 	border-color: black;
 	border-style: solid;
 	border-width: 1px;
-	color: white;
+	color: #4d4d4d;
 }
 
 .sheet-table {
@@ -255,7 +273,8 @@ ______________________________ start of structure for characteristics __________
 
 
 .sheet-characteristics_background {
-	background: black;
+/*	background: black; */
+	box-shadow: inset 0px 0px 20px 5px black;
 	padding: 3px 0px 6px 3px;
 	display: grid;
 	grid-column-gap: 0.5%;
@@ -426,7 +445,24 @@ ______________________________ start of tab buttons toggles ____________________
 .sheet-tab_advancements,
 .sheet-tab_journal,
 .sheet-tab_psykana,
-.sheet-tab_settings { display: none }
+.sheet-tab_settings {
+	display: none;
+  box-shadow:
+    /* The top layer shadow */
+    0 -1px 1px rgba(0,0,0,0.7),
+    /* The second layer */
+    0 -10px 0 -5px #eee,
+    /* The second layer shadow */
+    0 -10px 1px -4px rgba(0,0,0,0.7),
+     /* The third layer */
+    0 -20px 0 -10px #eee,
+    /* The third layer shadow */
+    0 -20px 1px -9px rgba(0,0,0,0.7);
+    /* Padding for demo purposes */
+    padding: 30px;
+	border-radius: 25px;
+}
+
 /* show the selected tab */
 
 .sheet-tabstoggle[value='core'] ~ div.sheet-tab_core,
@@ -437,8 +473,10 @@ ______________________________ start of tab buttons toggles ____________________
 .sheet-tabstoggle[value='psykana'] ~ div.sheet-tab_psykana,
 .sheet-tabstoggle[value='settings'] ~ div.sheet-tab_settings { display: block }
 .sheet-core_bttn:checked + button {
-	background: rgb(200, 0, 0);
+/*	background: rgb(200, 0, 0); */
 	color: white;
+	box-shadow: inset 0px 0px 20px 10px black;
+	text-shadow: -1px -1px 5px black, 1px 1px 5px black;
 	vertical-align: center;
 }