Files
roll20-character-sheets-tester/D&D_Moldvay_Natha/dndmold.css
T
NathaTerrien a3e6400eea Moldvay D&D Character Sheet
A Moldvay D&D Character Sheet for the Contest.
2015-08-23 16:12:33 +02:00

323 lines
7.5 KiB
CSS

/* TEMPLATES */
.sheet-rolltemplate-mold hr{
padding: 0px;
margin: 2px;
border-style: dashed;
border-width: 1px;
border-color: black;
}
.sheet-rolltemplate-mold table {
width: 189px;
padding: 2px;
border: 1px solid;
background-color: #ffffff;
background-image:url(https://lh3.googleusercontent.com/NC97QOTir3vtbsRfT_LJxW8sizpWqOCXOnkeZWB5P4oj=w640-h848-no);
background-repeat:no-repeat;
background-origin: border-box;
background-size: cover;
}
.sheet-rolltemplate-mold th {
color: rgb(126, 45, 64);
padding-left: 5px;
font-size: 1.5em;
text-align: left;
font-family: 'Courier New';
font-variant: small-caps;
font-weight: bold;
}
.sheet-rolltemplate-mold .sheet-subheader {
color: #000;
font-size: 1em;
font-style: italic;
text-align: right;
}
.sheet-rolltemplate-mold .sheet-arrow-right {
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
border-left: 180px solid rgb(126, 45, 64);
}
.sheet-rolltemplate-mold .sheet-tcat {
font-family: 'Courier New';
font-size: 15px;
font-weight: bold;
}
.sheet-rolltemplate-mold td {
padding-left: 5px;
font-size: 14px;
}
.sheet-rolltemplate-mold .inlinerollresult {
background-color: rgba(255,255,255,0.9);
border-width: 0px 0px 0px 1px;
border-color: black;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: solid;
}
.sheet-rolltemplate-mold .inlinerollresult.fullcrit {
color: #3FB315;
border-width: 0px 0px 0px 1px;
border-color: #3FB315;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: solid;
}
.sheet-rolltemplate-mold .inlinerollresult.fullfail {
color: #B31515;
border-width: 0px 0px 0px 1px;
border-color: #B31515;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: solid;
}
.sheet-rolltemplate-mold .inlinerollresult.importantroll {
color: #4A57ED;
border-width: 0px 0px 0px 1px;
border-color: #4A57ED;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: solid;
}
/* SHEET */
div,
textarea,
span{
box-sizing: border-box;
color: black;
font-family: 'Courier New';
font-size: 14px;
font-weight: normal;
border-radius: 0px;
text-align:left;
}
div.sheet-bbox{
width: 100%;
padding: 4px;
border-color: black;
border-style: solid;
border-width: 1px 1px 0px 1px;
}
input{
box-sizing: border-box;
color: #404040;
background-color: transparent;
padding-left: 0.3em;
padding-right: 0.2em;
padding-top: 0.2em;
padding-bottom: 0.1em;
margin: 0px;
font-family: 'Patrick Hand';
font-size: 16px;
font-weight: normal;
border-radius: 0px;
text-align:left;
}
.charsheet button[type="roll"] {
box-sizing: border-box;
padding: 0px;
margin: 0px;
height: 26px;
text-align: left;
color:black;
border: 2px solid rgba(255,255,255,0.5);
border-radius: 12px;
transition: border 2s;
}
.charsheet button[type="roll"]:hover{
border: 2px black inset;
}
select{
box-sizing: border-box;
color: #404040;
font-family: 'Patrick Hand';
font-size: 16px;
font-weight: normal;
border-radius: 0px;
text-align:left;
background-color: transparent;
padding: 0px;
margin: 0px;
height: 1.6em;
line-height: 1.6em;
max-height 1.6em;
font-weight:normal;
border-width: 0px 0px 1px 3px;
border-color: black;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: dotted;
}
hr{
padding: 0px;
margin: 4px;
border-style: solid;
border-width: 1px;
border-color: gray;
}
span{
text-align: left;
padding-left: 0.3em;
padding-right: 0.2em;
padding-top: 0.2em;
padding-bottom: 0.1em;
}
textarea {
resize: vertical;
display: inline-block;
text-align: left;
background-color:rgba(255,255,255,0.9);
padding-left: 0.3em;
padding-right: 0.2em;
padding-top: 0.2em;
padding-bottom: 0.1em;
margin: 0px;
border-bottom-left-radius: 4px;
}
.sheet-mainBg{
background-image:url(https://lh3.googleusercontent.com/NC97QOTir3vtbsRfT_LJxW8sizpWqOCXOnkeZWB5P4oj=w640-h848-no);
background-repeat:no-repeat;
background-origin: border-box;
background-size: cover;
border: none;
padding-top : 10px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 10px;
}
.sheet-portrait{
width: 100px;
max-width: 100px;
}
.sheet-libel1{
padding-bottom: 6px;
padding-top: 0px;
font-weight: bold;
}
input.sheet-inMainNum{
text-align: right;
border-width: 1px;
border-color: black;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: dotted;
}
input.sheet-inPetitNum{
max-width: 44px;
text-align: right;
border-width: 1px;
border-color: black;
border-style: dotted;
}
input.sheet-inMainTxt{
border-width: 1px;
border-color: black;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: dotted;
}
input.sheet-inCA{
height: 35px;
max-width: 35px;
text-align: center;
border : solid black 2px;
font-size: 20px;
font-weight: bold;
box-shadow: 4px 4px 8px rgba(0,0,0,.3);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 17px;
border-bottom-left-radius: 17px;
}
input.sheet-inPV{
height: 35px;
max-width: 40px;
text-align: center;
border : solid black 2px;
font-size: 20px;
font-weight: bold;
box-shadow: 4px 4px 8px rgba(0,0,0,.3);
border-top-left-radius: 100px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 100px;
}
input.sheet-inPVMax{
height: 35px;
max-width: 40px;
text-align: center;
border : solid black 2px;
font-size: 20px;
font-weight: bold;
box-shadow: 4px 4px 8px rgba(0,0,0,.3);
border-top-left-radius: 0px;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
border-bottom-left-radius: 0px;
}
div.sheet-titre1{
display: table-cell;
font-weight: bold;
font-size: 16px;
text-align: left;
padding: 2px;
}
div.sheet-carac-num{
display: table-cell;
padding: 5px;
background-color: black;
text-align: center;
}
input.sheet-attr-num{
width: 26px;
height: 26px;
background-color: rgba(255,255,255,0.95);
text-align: center;
vertical-align: middle;
border: none;
font-weight: bold;
}
input.sheet-save-num{
width: 26px;
height: 26px;
background-color: rgba(255,255,255,0.95);
text-align: center;
vertical-align: middle;
border: none;
border-radius:15px;
font-weight: bold;
}
div.sheet-carac-lib{
display: table-cell;
padding-left: 4px;
padding-right: 6px;
text-align: left;
font-family: "Times New Roman", serif;
font-size: 12px;
font-weight: bold;
}
div.sheet-carac-roll{
display: table-cell;
}
div.sheet-carac-mod{
display: table-cell;
text-align: left;
width: 25px;
padding-right: 6px;
}
input.sheet-carac-mod{
font-size:12px;
text-align: right;
border-width: 0px 0px 1px 2px;
border-color: black;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: dotted;
}