First PC sheet, WIP
This commit is contained in:
+144
-2
@@ -1,7 +1,107 @@
|
||||
.character-content {
|
||||
.sheet-common();
|
||||
.character-sheet-common();
|
||||
font-family: var(--font-primary);
|
||||
font-size: calc(var(--font-size-standard) * 1);
|
||||
color: var(--color-dark-1);
|
||||
background-image: url("../assets/ui/prism_rpg_background.webp");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
overflow: scroll;
|
||||
|
||||
nav.tabs {
|
||||
background-image: url("../assets/ui/prism_rpg_background.webp");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
padding: 2px 0;
|
||||
}
|
||||
|
||||
nav.tabs [data-tab] {
|
||||
color: #636060;
|
||||
font-size: calc(var(--font-size-standard) * 1.1);
|
||||
font-family: var(--font-secondary);
|
||||
font-weight: bold;
|
||||
padding: 3px 16px;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
border-radius: 4px;
|
||||
text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
|
||||
transition: all 0.2s ease;
|
||||
cursor: pointer;
|
||||
border: 2px solid transparent;
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
color: #1a1a1a;
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
|
||||
border-color: rgba(107, 107, 107, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
nav.tabs [data-tab].active {
|
||||
color: #000000;
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
text-shadow: 1px 1px 3px rgba(255, 255, 255, 1);
|
||||
border: 2px solid #6b6b6b;
|
||||
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(255, 255, 255, 0.95);
|
||||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35);
|
||||
transform: translateY(-2px);
|
||||
border-color: #4a4a4a;
|
||||
}
|
||||
}
|
||||
|
||||
input:disabled,
|
||||
select:disabled {
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
border-color: transparent;
|
||||
color: var(--color-dark-3);
|
||||
}
|
||||
|
||||
input,
|
||||
select {
|
||||
height: 1.5rem;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
border-color: var(--color-dark-6);
|
||||
color: var(--color-dark-2);
|
||||
}
|
||||
|
||||
input[name="name"] {
|
||||
height: 2.5rem;
|
||||
margin-right: 4px;
|
||||
font-family: var(--font-secondary);
|
||||
font-size: calc(var(--font-size-standard) * 1.2);
|
||||
font-weight: bold;
|
||||
border: none;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
margin-bottom: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.form-fields {
|
||||
input,
|
||||
select {
|
||||
text-align: center;
|
||||
font-size: calc(var(--font-size-standard) * 1);
|
||||
}
|
||||
select {
|
||||
font-family: var(--font-secondary);
|
||||
font-size: calc(var(--font-size-standard) * 1);
|
||||
}
|
||||
}
|
||||
|
||||
legend {
|
||||
font-family: var(--font-secondary);
|
||||
font-size: calc(var(--font-size-standard) * 1.2);
|
||||
font-weight: bold;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.character-sheet-common();
|
||||
}
|
||||
|
||||
.character-main {
|
||||
@@ -223,6 +323,13 @@
|
||||
}
|
||||
|
||||
.tab.character-biography .main-div {
|
||||
background-image: url("../assets/ui/prism_rpg_background.webp");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
padding: 8px 10px;
|
||||
min-height: 100%;
|
||||
|
||||
.biodata {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
@@ -253,6 +360,13 @@
|
||||
}
|
||||
|
||||
.tab.character-skills .main-div {
|
||||
background-image: url("../assets/ui/prism_rpg_background.webp");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
padding: 8px 10px;
|
||||
min-height: 100%;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
legend {
|
||||
@@ -462,6 +576,13 @@
|
||||
}
|
||||
|
||||
.tab.character-equipment .main-div {
|
||||
background-image: url("../assets/ui/prism_rpg_background.webp");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
padding: 8px 10px;
|
||||
min-height: 100%;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
legend {
|
||||
@@ -501,6 +622,13 @@
|
||||
}
|
||||
|
||||
.tab.character-combat .main-div {
|
||||
background-image: url("../assets/ui/prism_rpg_background.webp");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
padding: 8px 10px;
|
||||
min-height: 100%;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
legend {
|
||||
@@ -651,6 +779,13 @@
|
||||
}
|
||||
|
||||
.tab.character-spells .main-div {
|
||||
background-image: url("../assets/ui/prism_rpg_background.webp");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
padding: 8px 10px;
|
||||
min-height: 100%;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
legend {
|
||||
@@ -712,6 +847,13 @@
|
||||
}
|
||||
|
||||
.tab.character-miracles .main-div {
|
||||
background-image: url("../assets/ui/prism_rpg_background.webp");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
padding: 8px 10px;
|
||||
min-height: 100%;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
legend {
|
||||
|
||||
Reference in New Issue
Block a user