Merge pull request #3541 from Lloydski246/master

Added Sheet for This Is Not A Test
This commit is contained in:
wing-it
2018-03-13 08:21:28 -04:00
committed by GitHub
5 changed files with 3794 additions and 0 deletions
+60
View File
@@ -0,0 +1,60 @@
/*----------- Tabs Setup -------------*/
/*this hides the contents of each tab by default*/
.charsheet div[class^="sheet-section"] {
display: none;
}
/*this shows the tab content when the appropriate input field is selected*/
.charsheet input.sheet-tab1:checked ~ div.sheet-section-overview,
.charsheet input.sheet-tab2:checked ~ div.sheet-section-elites,
.charsheet input.sheet-tab3:checked ~ div.sheet-section-rank,
.charsheet input.sheet-tab4:checked ~ div.sheet-section-specialists,
{
display: block;
}
.charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] {
display: block;
}
/*this hides the radio button for each tab, makes it 100px wide and 40px tall and makes sure it's above everything else*/
.charsheet input.sheet-tab {
width: 200px;
height: 20px;
cursor: pointer;
position: relative;
opacity: 0;
z-index: 9999;
}
/*this styles the span with the tab information and slides to the left, so it appears underneath the radio button*/
.charsheet span.sheet-tab {
text-align: center;
display: inline-block;
font-size: 1.2em;
font-family: stencil;
background: #E6CAB0;
color: #7C3E00;
border: solid 1px rgba(0, 0, 0, 0.35);
border-radius: 4px;
width: 200px;
height: 20px;
cursor: pointer;
position: relative;
vertical-align: ;
margin-left: -201px;
}
/*this modifies the span color once the radio button is selected so you know which tab is selected*/
.charsheet input.sheet-tab1:checked + span.sheet-tab1,
.charsheet input.sheet-tab2:checked + span.sheet-tab2,
.charsheet input.sheet-tab3:checked + span.sheet-tab3,
.charsheet input.sheet-tab4:checked + span.sheet-tab4,
.charsheet input.sheet-tab99:checked + span.sheet-tab99 {
background: #7C3E00;
color: white;
border-radius: 4px;
}
File diff suppressed because it is too large Load Diff
Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

+5
View File
@@ -0,0 +1,5 @@
This is a quick army sheet that I made using mostly HTML for the tabletop wargame "This Is Not A Test". It is basically a mirror copy of the army sheet provided in the rulebook, and the slots should be enough if you are following the army building rules.
If there are any problems or if you want to make it prettier then please feel free to update it yourself, or contact me if you aren't confident editing it.
Flash
+8
View File
@@ -0,0 +1,8 @@
{
"html": "This-Is-Not-A-Test.html",
"css": "This-Is-Not-A-Test.css",
"authors": "Flash",
"roll20userid": "860855",
"preview": "preview.jpg",
"instructions": "An extremely simple army sheet for the tabletop wargame. Please contact me if there are any functionality problems."
}