mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-08 16:12:33 +00:00
NathaTerrien
28fba83d42
New character sheets for Numenera, (htm and css), in french and english. With optional macros (txt) and API scripts (js) files.
163 lines
4.0 KiB
CSS
163 lines
4.0 KiB
CSS
.charsheet label {
|
|
display: inline-block;
|
|
text-align: left;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
font-family: "Verdana";
|
|
vertical-align: middle;
|
|
color: #000000;
|
|
}
|
|
.charsheet .sheet-3colrowCust .sheet-col {
|
|
width: calc(33% - 4px);
|
|
margin-right: 5px;
|
|
}
|
|
.charsheet .sheet-4colrowCust .sheet-col {
|
|
width: calc (22% - 4px);
|
|
margin-right: 5px;
|
|
}
|
|
.charsheet input[type=text] {
|
|
margin: 1px 1px 1px 1px;
|
|
width: 100%;
|
|
height: 24px;
|
|
display: inline-block;
|
|
/* box-shadow: 0px 0px 6px 1px #eacb66 inset; */
|
|
/* box-shadow: 0px 0px 6px 1px #4E686A inset; */
|
|
border: 1px solid #4E686A;
|
|
color: #000000;
|
|
text-align: left;
|
|
/* background: #fcf9ec; */
|
|
background: #FBFCFC;
|
|
border-radius:6px;
|
|
font-size: 12px;
|
|
}
|
|
.charsheet input[type=number] {
|
|
margin: 1px 1px 1px 1px;
|
|
width: 100%;
|
|
display: inline-block;
|
|
height: 24px;
|
|
text-align: right;
|
|
/* box-shadow: 0px 0px 6px 1px #4E686A inset; */
|
|
border: 1px solid #4E686A;
|
|
color: #000000;
|
|
background: #FBFCFC;
|
|
border-radius:6px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.charsheet input[type=checkbox] {
|
|
margin: 1px 1px 1px 1px;
|
|
display: inline-block;
|
|
/* box-shadow: 0px 0px 6px 1px #4E686A inset; */
|
|
border: 1px solid #4E686A;
|
|
color: #000000;
|
|
background: #FBFCFC;
|
|
border-radius:6px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.charsheet select {
|
|
margin: 1px 1px 1px 1px;
|
|
height: 24px;
|
|
display: inline-block;
|
|
/* box-shadow: 0px 0px 6px 1px #4E686A inset; */
|
|
border: 1px solid #4E686A;
|
|
color: #000000;
|
|
background: #FBFCFC;
|
|
border-radius:6px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.charsheet textarea {
|
|
margin: 1px 1px 1px 1px;
|
|
resize: none;
|
|
display: inline-block;
|
|
text-align: left;
|
|
/* box-shadow: 0px 0px 6px 1px #4E686A inset; */
|
|
border: 1px solid #4E686A;
|
|
color: #000000;
|
|
background: #FBFCFC;
|
|
border-radius:6px;
|
|
font-size: 12px;
|
|
|
|
}
|
|
.sheet-col strong.sheet-dee {
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
padding-right: 1px;
|
|
}
|
|
.charsheet input.sheet-short {
|
|
width: 35px;
|
|
font-size: 10px;
|
|
}
|
|
.charsheet table td, .charsheet table th {
|
|
border-collapse : collapse;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
font-family: "Verdana";
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
border: 0px solid black;
|
|
padding: 0px;
|
|
color: #000000;
|
|
}
|
|
.charsheet table td.sheet-tdsmall-center {
|
|
text-align: center;
|
|
font-weight: normal;
|
|
}
|
|
.charsheet table td.sheet-td-left {
|
|
text-align: left;
|
|
font-weight: bold;
|
|
}
|
|
.charsheet table td.sheet-tdsmall-left {
|
|
text-align: left;
|
|
font-weight: normal;
|
|
}
|
|
.charsheet table td.sheet-td-right {
|
|
text-align: right;
|
|
font-weight: bold;
|
|
}
|
|
.charsheet table td.sheet-tdsmall-right {
|
|
text-align: right;
|
|
font-weight: normal;
|
|
}
|
|
.charsheet table tr.sheet-trsep {
|
|
border-bottom: 1pt solid black;
|
|
}
|
|
.charsheet button {
|
|
display: inline-block;
|
|
box-shadow: 0px 0px 5px 1px #056da1 inset;
|
|
font-size: 12px;
|
|
font-family: "Verdana";
|
|
color: #000066;
|
|
text-align: right;
|
|
}
|
|
.charsheet hr {
|
|
margin: 1px 0 1px 0;
|
|
border: 0;
|
|
height: 1px;
|
|
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(5,109,161,1.75), rgba(0,0,0,0));
|
|
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(5,109,161,1.75), rgba(0,0,0,0));
|
|
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(5,109,161,1.75), rgba(0,0,0,0));
|
|
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(5,109,161,1.75), rgba(0,0,0,0));
|
|
}
|
|
.charsheet hr.sheet-two {
|
|
margin: 4px 4px 4px 4px;
|
|
/* color : #000066;*/
|
|
border: 1px dashed #000066;
|
|
}
|
|
.charsheet h4 {
|
|
font-size: 13px;
|
|
color: #000066;
|
|
}
|
|
.charsheet {
|
|
box-shadow: 0px 0px 6px 1px #4E686A inset;
|
|
/* border: 1px solid #4E686A; */
|
|
background-image: url("");
|
|
background-color: #FEFEFF;
|
|
background-attachment: fixed;
|
|
font-family: "Verdana";
|
|
font-size: 12px;
|
|
text-align: left;
|
|
color: #000000;
|
|
}
|