mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
fix tabs
This commit is contained in:
Vince
+58
-29
@@ -3,7 +3,7 @@
|
||||
-moz-background-clip: initial;
|
||||
-moz-background-origin: initial;
|
||||
-moz-background-inline-policy: initial; */
|
||||
max-width: 600px;
|
||||
max-width: 620px;
|
||||
padding: 0 5px 5px 5px;
|
||||
border: 2px solid #000;
|
||||
}
|
||||
@@ -12,10 +12,10 @@
|
||||
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Qin%20Warring%20States/images/qin%20logo.jpg");
|
||||
background-position: top;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 610px 170px;
|
||||
background-size: 630px 170px;
|
||||
height: 150px;
|
||||
margin: 0 0 10px -5px;
|
||||
width: 610px;
|
||||
margin: 0 0 10px -10px;
|
||||
width: 640px;
|
||||
}
|
||||
|
||||
.charsheet label {
|
||||
@@ -40,7 +40,7 @@
|
||||
width:20px;
|
||||
}
|
||||
|
||||
table.sheet-armored {
|
||||
.sheet-armored {
|
||||
background:white;
|
||||
border-collapse: separate; /* IE7 and lower */
|
||||
border-spacing: 0;
|
||||
@@ -53,7 +53,7 @@ table.sheet-armored {
|
||||
padding:0;
|
||||
}
|
||||
|
||||
table.sheet-armored th {
|
||||
.sheet-armored .sheet-grid-span-all {
|
||||
font-family: 'Distress';
|
||||
font-variant: small-caps;
|
||||
border-bottom:1px solid black;
|
||||
@@ -63,7 +63,7 @@ table.sheet-armored th {
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
table.sheet-armored td {
|
||||
.sheet-armored td {
|
||||
height:28px;
|
||||
margin:0;
|
||||
padding:0;
|
||||
@@ -76,7 +76,7 @@ div.sheet-health {
|
||||
}
|
||||
|
||||
input.sheet-health {
|
||||
margin: 10px 0 0 0;
|
||||
margin: 0;
|
||||
opacity: 00;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
@@ -85,7 +85,7 @@ input.sheet-health {
|
||||
}
|
||||
|
||||
span.sheet-health {
|
||||
margin: 10px 0 0 0;
|
||||
margin: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -133,36 +133,37 @@ input.sheet-tab5:checked ~ div.sheet-tab5 {
|
||||
display: block;
|
||||
}
|
||||
|
||||
input.sheet-tab {
|
||||
width: 110px;
|
||||
height: 20px;
|
||||
position: relative;
|
||||
top: 5px;
|
||||
left: 6px;
|
||||
margin: -1.5px;
|
||||
.charsheet input.sheet-tab {
|
||||
cursor: pointer;
|
||||
height: 20px;
|
||||
opacity: 0;
|
||||
position: relative;
|
||||
width: 120px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
input.sheet-tab::before {
|
||||
content: attr(title);
|
||||
border: solid 1px #a8a8a8;
|
||||
border-bottom-color: black;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
.charsheet input[type="radio"].sheet-tab + span{
|
||||
background: #fff;
|
||||
background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
|
||||
background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
|
||||
background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
|
||||
background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
|
||||
background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
|
||||
width: 110px;
|
||||
border: solid 1px #a8a8a8;
|
||||
border-bottom-color: black;
|
||||
box-shadow: 2px 2px 2px #000;
|
||||
/* content: attr(title); */
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
height: 20px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;;
|
||||
margin-left: -120px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
input.sheet-tab:checked::before {
|
||||
.charsheet input[type="radio"].sheet-tab:checked + span{
|
||||
background: #dcdcdc;
|
||||
background: -moz-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
|
||||
background: -webkit-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
|
||||
@@ -172,11 +173,11 @@ input.sheet-tab:checked::before {
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
|
||||
input.sheet-tab:not(:first-child)::before {
|
||||
.charsheet input.sheet-tab:not(:first-child) + span{
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
input.sheet-tab2::before {
|
||||
input.sheet-tab2 + span{
|
||||
background: #fff;
|
||||
background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
|
||||
background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
|
||||
@@ -185,7 +186,7 @@ input.sheet-tab2::before {
|
||||
background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
|
||||
}
|
||||
|
||||
input.sheet-tab2:checked::before {
|
||||
input.sheet-tab2:checked + span{
|
||||
background: #dcdcdc;
|
||||
background: -moz-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
|
||||
background: -webkit-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
|
||||
@@ -286,6 +287,34 @@ div.sheet-tab2 {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.charsheet .sheet-grid-10col {
|
||||
display: inline-grid;
|
||||
grid-template-columns: repeat(10, 1fr);
|
||||
grid-template-rows: 25px;
|
||||
width: fit-content;
|
||||
margin: auto;
|
||||
padding: 5px 5px 15px 5px;
|
||||
}
|
||||
|
||||
.charsheet .sheet-grid-span-all {
|
||||
grid-column: 1/-1;
|
||||
}
|
||||
|
||||
.charsheet .sheet-grid-span-9 {
|
||||
grid-column: 1/10;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.charsheet .sheet-grid-span-9 + span {
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.charsheet .sheet-grid-span-all label,
|
||||
.charsheet .sheet-grid-span-9 label {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.charsheet .sheet-background-yin-yang::after {
|
||||
content: '';
|
||||
/* background-image: url('https://i.imgur.com/DXGIBWM.png'); */
|
||||
|
||||
+992
-160
File diff suppressed because it is too large
Load Diff
@@ -1,6 +1,7 @@
|
||||
{
|
||||
"Age": "Age",
|
||||
"Breath-of-Life": "Breath of Life",
|
||||
"Breath-of-Life-Caps": "BREATH OF LIFE",
|
||||
"Bruised": "Bruised",
|
||||
"C": "C",
|
||||
"Character-Type": "Character Type",
|
||||
|
||||
Reference in New Issue
Block a user