Pantoufle167
ecb4477615
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
336 lines
6.4 KiB
CSS
336 lines
6.4 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;
|
|
} |