Pantoufle
9f0c1b2525
* Abstract Dungeon
Creation of a sheet for Abstract Dungeon RPG
* Changes needed
Tables removed
CSS reduction
add of a translation term
* Upgraded version
Upgrades :
Added a NPC tab Sheet with roll-template to display a chat review of the NPC
Simplified dice gestion
Added config access out of the game
Improved translation possibilities
* Revert "Upgraded version"
This reverts commit ecb4477615.
* Update
Upgrades :
Added a NPC tab Sheet with roll-template to display a chat review of the NPC
Simplified dice gestion
Added config access out of the game
Improved translation possibilities
* Update Abstract.JPG
* Update
Hello,
Here is a little update to add the game's name as an input so that people who don't want to see Abstract Dungeon on the sheet while playing Abstract Spandex or whatever can do so ! :)
Also add a little CSS to always get the move/delete options from repeating sections on top of everything.
Cheers :)
Pantoufle
* Update Abstract_HTML.html
339 lines
6.5 KiB
CSS
339 lines
6.5 KiB
CSS
.sheet-container {
|
|
width: 760px;
|
|
border: 1px black;
|
|
border-width: 5px;
|
|
border-style: double;
|
|
border-radius: 20px;
|
|
padding: 10px;
|
|
}
|
|
|
|
div.sheet-tab-content { display: none; }
|
|
|
|
input.sheet-tab:checked ~ div.sheet-tab2,
|
|
input.sheet-tab:not(:checked) ~ div.sheet-tab1, { display: block; }
|
|
|
|
div.sheet-sub-tab-content { display: none; }
|
|
|
|
input.sheet-sub-tab:checked ~ div.sheet-sub-tab1,
|
|
input.sheet-sub-tab:not(:checked) ~ div.sheet-sub-tab2, { display: block; }
|
|
|
|
input.sheet-tab-content {
|
|
float:right;
|
|
opacity: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
position: relative;
|
|
top: 15px;
|
|
left: -10px;
|
|
margin: -10px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-tab-content + span::before {
|
|
float:right;
|
|
text-align: center;
|
|
font-family: "Pictos";
|
|
font-size: 20px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "y";
|
|
}
|
|
|
|
input[type="checkbox"].sheet-tab-content:checked + span::before {
|
|
content: "H";
|
|
}
|
|
|
|
input.sheet-sub-tab-content {
|
|
float:right;
|
|
opacity: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
position: relative;
|
|
top: -20px;
|
|
left: -50px;
|
|
margin: -10px;
|
|
transform: scale(1.5);
|
|
}
|
|
|
|
input[type="checkbox"].sheet-sub-tab-content + span::before {
|
|
float:right;
|
|
position: relative;
|
|
top: -33px;
|
|
left: -35px;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "NPC";
|
|
border: 1px solid black;
|
|
border-radius: 7px;
|
|
padding: 2px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-sub-tab-content:checked + span::before {
|
|
content: "PC";
|
|
}
|
|
|
|
.sheet-verbes {
|
|
word-wrap: break-word;
|
|
max-width: 370px;
|
|
margin-right:10px;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
padding:2px;
|
|
display: inline-block;
|
|
border: 1px solid black;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.sheet-eq {
|
|
width: 305px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
h2 {
|
|
text-align:center;
|
|
}
|
|
|
|
h2.sheet-at {
|
|
color: #F0EAD6;
|
|
}
|
|
|
|
.sheet-meta {
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
input.sheet-meta {
|
|
vertical-align:bottom;
|
|
}
|
|
|
|
textarea.sheet-npc {
|
|
width:100%;
|
|
min-width:100%;
|
|
max-width:100%;
|
|
}
|
|
|
|
.sheet-atrcontainer {
|
|
position:relative;
|
|
margin-right:20px;
|
|
}
|
|
|
|
.sheet-atrcontainer2 {
|
|
position:relative;
|
|
margin-right:20px;
|
|
margin-bottom:20px;
|
|
width: 360px;
|
|
}
|
|
|
|
|
|
input[type="text"] {
|
|
background: none;
|
|
box-shadow: none;
|
|
padding: 0;
|
|
border: none;
|
|
border-bottom: 1px solid black;
|
|
display: inline-block;
|
|
font-size: 28px;
|
|
}
|
|
|
|
input[type="text"].sheet-desc {
|
|
font-size: 12px;
|
|
width:100%;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
input[type="number"] {
|
|
-moz-appearance: textfield;
|
|
text-align:center;
|
|
font-size:40px;
|
|
width:50px;
|
|
max-width:50px;
|
|
height:50px;
|
|
border:1px solid black;
|
|
}
|
|
|
|
.repcontainer[data-groupname="repeating_robustesse"] > .repitem, .repcontainer[data-groupname="repeating_agilite"] > .repitem,
|
|
.repcontainer[data-groupname="repeating_esprit"] > .repitem, .repcontainer[data-groupname="repeating_intellect"] > .repitem,
|
|
.repcontainer[data-groupname="repeating_bonus"] > .repitem {
|
|
display: inline-block;
|
|
margin: 10px 3px;
|
|
}
|
|
|
|
button.sheet-nod20:before {
|
|
font-family: "Pictos" !important;
|
|
content: "w" !important;
|
|
font-size:20px;
|
|
line-height:18px !important;
|
|
}
|
|
|
|
button.sheet-nod2:before {
|
|
font-family: "dicefontd6" !important;
|
|
content: "l" !important;
|
|
font-size:20px;
|
|
line-height:18px !important;
|
|
}
|
|
|
|
button.sheet-d6:before {
|
|
font-family: "dicefontd6" !important;
|
|
content: "l" !important;
|
|
font-size:20px;
|
|
}
|
|
|
|
button[type="roll"].sheet-broll {
|
|
position: absolute;
|
|
right:-10px;
|
|
top:-10px;
|
|
width:22px;
|
|
height:22px;
|
|
border: 1px solid black;
|
|
border-radius: 11px;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
margin:0px;
|
|
padding:0px;
|
|
}
|
|
|
|
.sheet-action {
|
|
position:absolute;
|
|
top:40px;
|
|
width:22px;
|
|
height:22px;
|
|
border: 1px solid black;
|
|
border-radius: 11px;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
margin:0px;
|
|
padding:0px;
|
|
z-index: 1;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
}
|
|
|
|
.sheet-action1 {
|
|
right:-15px;
|
|
}
|
|
|
|
.sheet-action2 {
|
|
right:-5px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-action + span::before {
|
|
content: "(";
|
|
font-family:"Pictos";
|
|
font-size:21px;
|
|
position:absolute;
|
|
right:-10px;
|
|
top:30px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-action:checked + span::before {
|
|
content: ")";
|
|
font-family:"Pictos";
|
|
font-size:21px;
|
|
position:absolute;
|
|
right:-10px;
|
|
top:30px;
|
|
}
|
|
|
|
|
|
input[type="checkbox"].sheet-action1 + span::before {
|
|
right:-10px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-action2 + span::before {
|
|
right:-3px;
|
|
}
|
|
|
|
.sheet-in {
|
|
background-color: white;
|
|
}
|
|
|
|
input.sheet-action:checked ~ button[type="roll"].sheet-nod20 {
|
|
display:none;
|
|
}
|
|
|
|
input.sheet-action:not(:checked) ~ button[type="roll"].sheet-nod2 {
|
|
display:none;
|
|
}
|
|
|
|
input.sheet-action:checked ~ input[type="number"].sheet-in {
|
|
background-color:#BCBCBE;
|
|
}
|
|
|
|
.sheet-bnpc {
|
|
float:right;
|
|
position: relative;
|
|
top: -35px;
|
|
left: -50px;
|
|
background: #b8c7e0;
|
|
border: 1px solid black;
|
|
border-radius: 13px;
|
|
}
|
|
|
|
button.sheet-bnpc:before {
|
|
font-family: "Pictos" !important;
|
|
content: "N" !important;
|
|
font-size:20px;
|
|
line-height:18px !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-NPC div.sheet-npc_container {
|
|
border: 2px solid black !important;
|
|
border-radius: 10px;
|
|
z-index:1;
|
|
background-color: #f1ecda;
|
|
}
|
|
|
|
.sheet-rolltemplate-NPC .sheet-npc_header {
|
|
background-color: #5e80ba;
|
|
padding: 2px;
|
|
border-bottom: 1px solid black;
|
|
border-radius: 8px 8px 0px 0px;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.sheet-rolltemplate-NPC .sheet-npc_subheader {
|
|
padding: 2px;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-NPC div.sheet-npc_rowcolor1 {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-NPC div.sheet-npc_rowcolor2 {
|
|
border-bottom: 1px solid black;
|
|
background-color: #b8c7e0;
|
|
}
|
|
|
|
.sheet-rolltemplate-NPC div.sheet-npc_rowcolor {
|
|
background-color: #b8c7e0;
|
|
border-radius: 0px 0px 8px 8px;
|
|
}
|
|
.sheet-npc_d {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-display span.sheet-ddice {
|
|
min-width: 30px;
|
|
min-height: 30px;
|
|
max-width: 30px;
|
|
max-height: 30px;
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
background-color: white;
|
|
border: 2px solid black;
|
|
border-radius: 10px;
|
|
font-size: 30px;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.repcontainer .itemcontrol {
|
|
z-index: 100;
|
|
} |