With transparent, clickable boxes
This commit is contained in:
@@ -1,11 +1,40 @@
|
||||
.charpage {
|
||||
min-width:800px;
|
||||
}
|
||||
|
||||
/* Transparent, round Buttons for rolling Attribute */
|
||||
button[type=roll].sheet-blank-roll-button::before {
|
||||
content: ""; }
|
||||
button[type=roll].sheet-blank-roll-button{
|
||||
display:inline-block;
|
||||
width:28px;
|
||||
height:28px;
|
||||
background-color: Transparent;
|
||||
background-image:url(http://i.imgur.com/kbRF4l0.png);
|
||||
background-repeat:repeat;
|
||||
border: 0px solid transparent;
|
||||
cursor:pointer;
|
||||
overflow: hidden;
|
||||
outline:none;
|
||||
border-radius:50%;
|
||||
margin-top:14px;
|
||||
|
||||
}
|
||||
/*end of button code*/
|
||||
|
||||
|
||||
/* Tab Setup */
|
||||
div.sheet-pageselector input[value="1"]:checked ~ div.sheet-wrapperfrontpage {
|
||||
display:block;
|
||||
}
|
||||
div.sheet-pageselector input[value="2"]:checked ~ div.sheet-wrapperbackpage {
|
||||
display:block;
|
||||
}
|
||||
|
||||
div.sheet-wrapperfrontpage, div.sheet-wrapperbackpage { display: none; }
|
||||
|
||||
/*end of tab setup */
|
||||
|
||||
div.sheet-wrapperfrontpage, div.sheet-wrapperbackpage { display: none; }
|
||||
|
||||
/* Sheet Front */
|
||||
|
||||
@@ -38,15 +67,14 @@ div.sheet-assetbox{
|
||||
background-repeat:no-repeat;
|
||||
width:371px;
|
||||
height:519px;
|
||||
/*border:1px solid red;*/
|
||||
|
||||
}
|
||||
|
||||
div.sheet-datapointsbox{
|
||||
background-image:url(http://i.imgur.com/HYsaCO6.jpg);
|
||||
background-repeat:no-repeat;
|
||||
width:371px;
|
||||
/* height:113px;*/
|
||||
/*border:1px solid red;*/
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -67,6 +95,7 @@ div.sheet-assetbox textarea.sheet-assets {
|
||||
margin-top:60px;
|
||||
width:312px;
|
||||
height: 345px;
|
||||
font-size:9pt;
|
||||
}
|
||||
|
||||
div.sheet-assetbox input.sheet-armor {
|
||||
@@ -105,10 +134,12 @@ div.sheet-statrow input {
|
||||
width:28px;
|
||||
height:28px;
|
||||
position: absolute;
|
||||
top: 57px;
|
||||
top: 57px;
|
||||
left:17px;
|
||||
margin-top:-14px;
|
||||
text-align:center;
|
||||
font-weight:bold;
|
||||
font-size:14pt;
|
||||
|
||||
}
|
||||
|
||||
@@ -120,7 +151,6 @@ div.sheet-playerbox{
|
||||
|
||||
div.sheet-playerbox input {
|
||||
display:inline;
|
||||
width:100%;
|
||||
font-size:12pt;
|
||||
margin:2px;
|
||||
text-align:center;
|
||||
@@ -135,7 +165,6 @@ div.sheet-playerbox input.sheet-charconcept{
|
||||
|
||||
div.sheet-playerbox input.sheet-inlineinput{
|
||||
display:inline;
|
||||
width:100px;
|
||||
font-size:8pt;
|
||||
font-weight:bold;
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<div class="sheet-pageselector">
|
||||
<input type='radio' value='1' name='charpage' checked="true" />Front
|
||||
<input type='radio' value='2' name='charpage' />Back
|
||||
<input type='radio' value='1' name='charpage' checked="true" />Front |
|
||||
<input type='radio' value='2' name='charpage' />Back
|
||||
|
||||
<div class="sheet-wrapperfrontpage">
|
||||
|
||||
@@ -26,11 +26,26 @@
|
||||
</div>
|
||||
<div class='sheet-statrow'>
|
||||
|
||||
<div class='sheet-statcol'> <input type="text" name="attr_Mettle" class="sheet-stats-mettle" /> </div>
|
||||
<div class='sheet-statcol'> <input type="text" name="attr_Physique" class="sheet-stats-physique" /></div>
|
||||
<div class='sheet-statcol'> <input type="text" name="attr_Influence" class="sheet-stats-influence" /></div>
|
||||
<div class='sheet-statcol'> <input type="text" name="attr_Expertise" class="sheet-stats-expertise" /></div>
|
||||
<div class='sheet-statcol'> <input type="text" name="attr_Interface" class="sheet-stats-interface" /></div>
|
||||
<div class='sheet-statcol'>
|
||||
<input type="text" name="attr_Mettle" class="sheet-stats-mettle" />
|
||||
<button type="roll" value='/roll 2d6 + @{Mettle}' name='roll_Mettle'class="sheet-blank-roll-button" style="margin-left:35px;" />
|
||||
</div>
|
||||
<div class='sheet-statcol'>
|
||||
<input type="text" name="attr_Physique" class="sheet-stats-physique" />
|
||||
<button type="roll" value='/roll 2d6 + @{Physique}' name='roll_Physique'class="sheet-blank-roll-button" style="margin-left:37px;" />
|
||||
</div>
|
||||
<div class='sheet-statcol'>
|
||||
<input type="text" name="attr_Influence" class="sheet-stats-influence" />
|
||||
<button type="roll" value='/roll 2d6 + @{Influence}' name='roll_Influence'class="sheet-blank-roll-button" style="margin-left:39px;" />
|
||||
</div>
|
||||
<div class='sheet-statcol'>
|
||||
<input type="text" name="attr_Expertise" class="sheet-stats-expertise" />
|
||||
<button type="roll" value='/roll 2d6 + @{Expertise}' name='roll_Expertise' class="sheet-blank-roll-button" style="margin-left:41px;"/>
|
||||
</div>
|
||||
<div class='sheet-statcol'>
|
||||
<input type="text" name="attr_Interface" class="sheet-stats-interface" />
|
||||
<button type="roll" value='/roll 2d6 + @{Interface}' name='roll_Interface' class="sheet-blank-roll-button" style="margin-left:43px;"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<div class="sheet-skillbox">
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 257 KiB |
@@ -0,0 +1,30 @@
|
||||
This is my first markdown document.
|
||||
# This is an <h1> tag
|
||||
## This is an <h2> tag
|
||||
###### This is an <h6> tag
|
||||
|
||||
*This text will be italic*
|
||||
_This will also be italic_
|
||||
**This text will be bold**
|
||||
__This will also be bold__
|
||||
*You **can** combine them*
|
||||
|
||||
LISTS
|
||||
* Item 1
|
||||
* Item 2
|
||||
* Item 2a
|
||||
* Item 2b
|
||||
|
||||
1. Item 1
|
||||
2. Item 2
|
||||
3. Item 3
|
||||
* Item 3a
|
||||
* Item 3b
|
||||
|
||||
IMAGES
|
||||

|
||||
Format: 
|
||||
|
||||
LINKS
|
||||
http://github.com - automatic!
|
||||
[GitHub](http://github.com)
|
||||
Reference in New Issue
Block a user