With transparent, clickable boxes

This commit is contained in:
LordNoobish
2016-12-12 21:46:34 +01:00
parent 4333a4d89f
commit 5caaa16892
4 changed files with 88 additions and 14 deletions
+36 -7
View File
@@ -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;
+22 -7
View File
@@ -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

+30
View File
@@ -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
![GitHub Logo](/images/logo.png)
Format: ![Alt Text](url)
LINKS
http://github.com - automatic!
[GitHub](http://github.com)