starshipsandsteel
023d0f5809
* Vaesen Character Sheet V1.0 PC & NPC sheets. Custom roll templates. Dice rollers for attributes & Weapons * Updated Roll Templates Added Attack Templates. * Updated Folder Structure for Images Made an Images folder Updated the code to point there * Updated Image URLS Set Image URLs to Roll20 github * Updated CRLF to LF Unix LF * Update vaesen_sheet.html
308 lines
7.5 KiB
CSS
308 lines
7.5 KiB
CSS
/* Configure Tab Buttons */
|
|
.sheet-main,
|
|
.sheet-NPC {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-break {
|
|
align:center;
|
|
height:5px;
|
|
width:90%;
|
|
background-color:#4a2e22;
|
|
}
|
|
.sheet-minorbreak{
|
|
align:center;
|
|
height:1px;
|
|
width:90%;
|
|
background-color:#4a2e22;
|
|
}
|
|
|
|
.sheet-header-image {
|
|
background-color: transparent; /*transparent */
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/vaesen/images/VaesenLogo.png");
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
grid-area: header-right;
|
|
}
|
|
.sheet-areaheader {
|
|
text-align: center;
|
|
background-color: rgba(232, 230, 230, 0.5);
|
|
font-style:italic;
|
|
font-size:large;
|
|
color:#4a2e22;
|
|
}
|
|
.sheet-biglabel{
|
|
padding-right:1em;
|
|
color:#4a2e22;
|
|
}
|
|
.sheet-longtext {
|
|
width: 30em;
|
|
}
|
|
.sheet-med2text{
|
|
width:28em;
|
|
}
|
|
.sheet-medtext {
|
|
width:20em;
|
|
}
|
|
.sheet-shorttext {
|
|
width: 10em;
|
|
}
|
|
.sheet-tinytext {
|
|
width: 5em;
|
|
}
|
|
.sheet-vaesentextarea{
|
|
height:30px;
|
|
resize: none;
|
|
}
|
|
.sheet-attribtext {
|
|
width: 3em;
|
|
}
|
|
.sheet-attriblabel {
|
|
font-size: small;
|
|
}
|
|
.sheet-attribtable {
|
|
font-weight: bold;
|
|
padding: 5px;
|
|
font-size: large;
|
|
color:#4a2e22;
|
|
}
|
|
.sheet-nametext{
|
|
width: 500px;
|
|
font-size:xx-large;
|
|
color:#4a2e22;
|
|
}
|
|
.sheet-resourcetext{
|
|
width: 50px;
|
|
font-size:xx-large;
|
|
text-align:center;
|
|
color:#4a2e22;
|
|
}
|
|
.sheet-widebutton{
|
|
width:50px;
|
|
}
|
|
|
|
/* PC-GridAreas*/
|
|
.sheet-footergraphic {
|
|
grid-area: footer;
|
|
}
|
|
.sheet-leftbody {
|
|
grid-area: body-left;
|
|
}
|
|
.sheet-rightbody {
|
|
grid-area: body-right;
|
|
}
|
|
.sheet-rightcolumn {
|
|
grid-area: skills;
|
|
}
|
|
.sheet-item-e {
|
|
grid-area: verticalrule;
|
|
}
|
|
.sheet-charactername {
|
|
grid-area: header-name;
|
|
}
|
|
.sheet-wideequipment {
|
|
grid-area: equipment;
|
|
}
|
|
.sheet-leftstats{
|
|
grid-area:stats-left;
|
|
}
|
|
.sheet-rightstats{
|
|
grid-area:stats-right;
|
|
}
|
|
|
|
/* NPC-GridAreas */
|
|
.sheet-LeftNPC {
|
|
grid-area: NPC-Left;
|
|
}
|
|
.sheet-RightNPC {
|
|
grid-area: NPC-Right;
|
|
}
|
|
.sheet-NPCAbilities {
|
|
grid-area: NPC-Abilities;
|
|
}
|
|
.sheet-NPCName {
|
|
grid-area: NPC-Name;
|
|
}
|
|
|
|
/*NPC Sheet Layout*/
|
|
.sheet-tabstoggle[value="main"] ~ div.sheet-main {
|
|
display: grid;
|
|
grid-template-columns [gutter] 10px [Body-Left] 100px [Body-Right] 100px [break] 20px [skills] 300px [gutter] 10px;
|
|
grid-template-rows: [gutter] 5px [Name] auto [stats] auto [Body] auto [equipment] auto [Footer] auto [gutter] 5px;
|
|
grid-template-areas:
|
|
". . . . . ."
|
|
". header-name header-name verticalrule header-right ."
|
|
". stats-left stats-right verticalrule skills ."
|
|
". body-left body-right verticalrule skills ."
|
|
". equipment equipment . skills ."
|
|
". footer footer footer footer ."
|
|
". . . . . .";
|
|
grid-gap: 10px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/vaesen/images/vasen_background.jpg"); /*Desaturated Paper Teture*/
|
|
background-repeat: repeat;
|
|
background-size: contain;
|
|
}
|
|
|
|
/*NPC Sheet Layout*/
|
|
.sheet-tabstoggle[value="NPC"] ~ div.sheet-NPC {
|
|
display: grid;
|
|
grid-template-columns [gutter] 10px [Body-Left] 100px [break] 20px [body-right] 100px [gutter] 10px;
|
|
grid-template-rows: [gutter] 5px [Name] auto [Stats] auto [Abilities] auto [gutter] 5px;
|
|
grid-template-areas:
|
|
". . . . . "
|
|
". NPC-Name NPC-Name . ."
|
|
". NPC-Left . NPC-Right . "
|
|
". NPC-Abilities . NPC-Right ."
|
|
". . . . . ";
|
|
grid-gap: 10px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/vaesen/images/vasen_background.jpg"); /*Desaturated Paper Teture*/
|
|
background-repeat: repeat;
|
|
background-size: contain;
|
|
}
|
|
|
|
/*Attribute Roll Template*/
|
|
.sheet-rolltemplate-vaesen-attrib div.sheet-vaesen-container {
|
|
border: 2px solid #000 !important;
|
|
border-radius: 3px 3px 3px 3px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/vaesen/images/vasen_background.jpg"); /*Desaturated Paper Teture*/
|
|
background-size: cover;
|
|
}
|
|
|
|
.sheet-rolltemplate-vaesen-attrib .sheet-vaesen-header{
|
|
text-align: center;
|
|
background-color: transparent;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
font-style:italic;
|
|
font-size:x-large;
|
|
font-weight: bold;
|
|
color:#422d22;
|
|
}
|
|
.sheet-rolltemplate-vaesen-attrib .sheet-vaesen-subheader{
|
|
text-align: center;
|
|
background-color: #f6a479;
|
|
padding: 5px;
|
|
font-weight: bold;
|
|
font-size:large;
|
|
font-style:normal;
|
|
color:#422d22;
|
|
border-top: 2px solid black;
|
|
border-bottom: 2px solid black;
|
|
}
|
|
.sheet-rolltemplate-vaesen-attrib .sheet-vaesen-type{
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
}
|
|
.sheet-rolltemplate-vaesen-attrib .sheet-vaesen-result{
|
|
background-color: #993300;
|
|
color: #000;
|
|
font-style:italic;
|
|
font-size:large;
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
/*Skill Roll Template*/
|
|
.sheet-rolltemplate-vaesen-skill div.sheet-vaesen-container {
|
|
border: 2px solid #000 !important;
|
|
border-radius: 3px 3px 3px 3px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/vaesen/images/vasen_background.jpg"); /*Desaturated Paper Teture*/
|
|
background-size: cover;
|
|
}
|
|
|
|
.sheet-rolltemplate-vaesen-skill .sheet-vaesen-header{
|
|
text-align: center;
|
|
background-color: transparent;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
font-style:italic;
|
|
font-size:x-large;
|
|
font-weight: bold;
|
|
color:#422d22;
|
|
}
|
|
.sheet-rolltemplate-vaesen-skill .sheet-vaesen-subheader{
|
|
text-align: center;
|
|
background-color: #f6a479;
|
|
padding: 5px;
|
|
font-weight: bold;
|
|
font-size:large;
|
|
font-style:normal;
|
|
color:#422d22;
|
|
border-top: 2px solid black;
|
|
border-bottom: 2px solid black;
|
|
}
|
|
.sheet-rolltemplate-vaesen-skill .sheet-vaesen-type{
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
}
|
|
.sheet-rolltemplate-vaesen-skill .sheet-vaesen-result{
|
|
background-color: #993300;
|
|
color: #000;
|
|
font-style:italic;
|
|
font-size:large;
|
|
text-align:center;
|
|
}
|
|
/*Attack Roll Template*/
|
|
.sheet-rolltemplate-vaesen-attack div.sheet-vaesen-container {
|
|
border: 2px solid #000 !important;
|
|
border-radius: 3px 3px 3px 3px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/vaesen/images/vasen_background.jpg"); /*Desaturated Paper Teture*/
|
|
background-size: cover;
|
|
}
|
|
|
|
.sheet-rolltemplate-vaesen-attack .sheet-vaesen-header{
|
|
text-align: center;
|
|
background-color: transparent;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
font-style:italic;
|
|
font-size:x-large;
|
|
font-weight: bold;
|
|
color:#422d22;
|
|
}
|
|
.sheet-rolltemplate-vaesen-attack .sheet-vaesen-subheader{
|
|
text-align: center;
|
|
background-color: #f6a479;
|
|
padding: 5px;
|
|
font-weight: bold;
|
|
font-size:large;
|
|
font-style:normal;
|
|
color:#422d22;
|
|
border-top: 2px solid black;
|
|
border-bottom: 2px solid black;
|
|
}
|
|
.sheet-rolltemplate-vaesen-attack .sheet-vaesen-type{
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
}
|
|
.sheet-rolltemplate-vaesen-attack .sheet-vaesen-result{
|
|
background-color: #993300;
|
|
color: #000;
|
|
font-style:italic;
|
|
font-size:large;
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
button[type="roll"].sheet-main:before{
|
|
content: ' ';
|
|
}
|
|
|
|
button[type="roll"].sheet-main:hover{
|
|
background-position: 0;
|
|
}
|
|
|
|
button[type="roll"].sheet-main{
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/vaesen/images/vasen_background.jpg");
|
|
|
|
background-size: 26px 26px;
|
|
background-repeat: no-repeat;
|
|
width: 26px;
|
|
height: 26px;
|
|
border-style: none;
|
|
background-color: transparent;
|
|
margin-left: 5px;
|
|
} |