slaguru666/roll20-character-sheets-tester
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

started a more 'paper' look

Browse Source
This commit is contained in:
ChtiKenny
2020-12-08 16:26:22 +01:00
parent b26f157bd4
commit 3e9d46b4c5
1 changed files with 46 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ShadowbaneInquisition/Shadowbane.css
+46 -8
View File
@@ -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;
}