Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-31 04:02:29 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
32a3859da5fb141ffe2d414595f968226d01faef
roll20-character-sheets/Vaesen/vaesen_sheet.css
T

668 lines
16 KiB
CSS
Raw Blame History

/* Configure Tab Buttons */
@import url('https://fonts.googleapis.com/css?family=Langar');
.sheet-main,
.sheet-Vaesen,
.sheet-NPC,
.sheet-HQ, {
display: none;
}
.gmtab{
background-color:#4a2e22;
color:white;
}
.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-footer-image {
background-color: transparent; /*transparent */
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/footer.png");
background-repeat: no-repeat;
background-size: contain;
grid-area: footer;
}
.sheet-footer-image2 {
background-color: transparent; /*transparent */
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/footer2.png");
background-repeat: no-repeat;
background-size: contain;
grid-area: footer2;
}
.sheet-footer-image3 {
background-color: transparent; /*transparent */
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/footer2.png");
background-repeat: no-repeat;
background-size: contain;
grid-area: footer3;
}
.sheet-biglabel{
padding-right:1em;
font-size:medium;
color:#4a2e22;
}
.sheet-normallabel{
padding-right:1em;
color:#4a2e22;
font-size:small;
font-weight:bold;
}
.sheet-normallabel-nb{
padding-right:1em;
color:#4a2e22;
font-size:small;
font-weight:normal;
}
.sheet-vaesentext-name{
background:transparent;
font-family: "Langar";
border:transparent;
border-bottom:2px solid #422d22;
font-size:xx-large;
width:458px;
}
.sheet-vaesentext{
background:transparent;
font-family: "Langar";
border:transparent;
border-bottom:2px solid #422d22;
font-size:normal;
width:239px;
}
.sheet-vaesentext-short{
background:transparent;
font-family: "Langar";
border:transparent;
border-bottom:2px solid #422d22;
font-size:normal;
width:80px;
}
.sheet-vaesennumber{
background:transparent;
font-family: "Langar";
border:transparent;
border-bottom:2px solid #422d22;
font-size:normal;
width:40px !important;
}
.sheet-vaesennumberlabel{
background:transparent;
font-family: "Langar";
border:transparent;
font-size:normal;
width:40px !important;
padding-bottom:10px;
color: #422d22;
width:80px;
}
.sheet-vaesenlabel{
background:transparent;
font-family:"Langar";
font-size:normal;
color: #422d22;
border:transparent;
width:239px;
padding-bottom:10px;
}
.sheet-vaesenlabel-short{
background:transparent;
font-family:"Langar";
font-size:normal;
color: #422d22;
border:transparent;
width:80px;
padding-bottom:10px;
}
.sheet-vaesenlabel-table{
background:transparent;
font-family:"Langar";
font-size:normal;
color: #422d22;
border:transparent;
width:80px;
padding-bottom:0px;
}
.sheet-vaesenlabel-skilltable{
background:transparent;
font-family:"Langar";
font-size:normal;
color: #422d22;
border:transparent;
width:125px;
padding-bottom:0px;
}
.sheet-vaesentextarea{
height:5em;
resize: none;
background:transparent;
font-family: "Langar";
border:transparent;
border-bottom:2px solid #422d22;
border-left:2px solid #422d22;
font-size:normal;
width:239px;
padding-bottom:0px !important;
}
.sheet-vaesenheader {
text-align: center;
background-color: rgba(109, 109, 109, 0.5);
font-style:italic;
font-size:large;
color:#4a2e22;
font-family: "Langar";
}
.sheet-longtext2 {
width: 40em;
}
.sheet-med2text{
width:28em;
}
.sheet-medtext {
width:20em;
}
.sheet-medtext2 {
width:19em;
}
.sheet-shorttext2{
width:15em;
}
.sheet-shorttext {
width: 10em;
}
.sheet-tinytext {
width: 4em;
}
.sheet-HQupradetextarea{
height:5em;
width:25em;
}
.sheet-HQtextarea{
height:20em;
resize: none;
}
.sheet-NPCtextarea{
height:60px;
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: 15em;
font-size:x-large;
color:#4a2e22;
}
.sheet-nametext-med{
width: 10em;
font-size:xx-large;
color:#4a2e22;
}
.sheet-resourcetext{
width: 2em;
font-size:large;
text-align:center;
color:#4a2e22;
}
.sheet-widebutton{
width:50px;
}
/* PC-GridAreas*/
.sheet-footergraphic {
grid-area: footer;
border: 1px solid #4a2e22;
}
.sheet-leftbody {
grid-area: body-left;
border: 1px solid #4a2e22;
}
.sheet-rightbody {
grid-area: body-right;
border: 1px solid #4a2e22;
}
.sheet-rightcolumn {
grid-area: skills;
border: 1px solid #4a2e22;
}
.sheet-attributes{
grid-area:attributes-panel;
border: 1px solid #4a2e22;
}
.sheet-item-e {
grid-area: verticalrule;
}
.sheet-charactername {
grid-area: header-name;
}
.sheet-wideequipment {
grid-area: equipment;
border: 1px solid #4a2e22;
}
.sheet-stats{
grid-area:stats;
border:transparent;
border-bottom: 1px solid #4a2e22;
border-left: 1px solid #4a2e22;
padding:5px;
}
.sheet-rightstats{
grid-area:stats-right;
border: 1px solid #4a2e22;
padding:5px;
}
.sheet-diemod {
grid-area: diemod-panel;
border: 1px solid #4a2e22;
padding:5px;
}
.sheet-equipment{
grid-area: equ;
border: 1px solid #4a2e22;
}
/* Vaesen-GridAreas */
.sheet-LeftVaesen {
grid-area: Vaesen-Left;
}
.sheet-RightVaesen {
grid-area: Vaesen-Right;
}
.sheet-VaesenAbilities {
grid-area: Vaesen-Abilities;
}
.sheet-VaesenName {
grid-area: Vaesen-Name;
}
/* NPC-GridAreas */
.sheet-NPCName {
grid-area: NPC-Name;
}
.sheet-NPCAttribs {
grid-area: NPC-Attribs;
}
.sheet-NPCSkills {
grid-area: NPC-Skills;
}
.sheet-NPCEquip {
grid-area: NPC-Equipment;
}
.sheet-NPCMisc {
grid-area: NPC-Misc;
}
/* HQ-GridAreas */
.sheet-HQimage {
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: HQ-image;
}
.sheet-HQhistory {
grid-area: HQ-history;
}
.sheet-HQheader {
grid-area: HQ-header;
}
.sheet-HQupgrades {
grid-area: HQ-upgrades;
}
.sheet-HQleftupgrades {
grid-area: HQ-leftupgrades;
}
.sheet-HQrightupgrades {
grid-area: HQ-rightupgrades;
}
/*PC Sheet Layout*/
.sheet-tabstoggle[value="main"] ~ div.sheet-main {
display: grid;
width: 833px;
border: 1px solid black;
grid-template-columns: [gutter] 5px [Left] 263px [middle] 263px [right] 263px [gutter] 5px;
grid-template-rows: [gutter] 5px [header] auto [stats] auto [Body] auto [equipment] auto [wideequ] auto [gutter] 5px;
grid-template-areas:
". . . . ."
". header-name header-name header-right ."
". stats stats attributes-panel ."
". body-left body-right skills ."
". equ diemod-panel skills ."
". equipment equipment skills ."
". . . . .";
grid-gap: 5px;
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: cover;
}
/*NPC Sheet Layout*/
.sheet-tabstoggle[value="NPC"] ~ div.sheet-NPC {
display: grid;
width: 780px;
border: 1px solid black;
grid-template-columns: [gutter] auto [Body-Left] 25em [break] 20px [body-right] 30em [gutter] auto;
grid-template-rows: [gutter] 5px [Name] auto [Attribs] auto [Skills] auto [Notes] auto [gutter] 5px;
grid-template-areas:
". . . . ."
". NPC-Name NPC-Name NPC-Name ."
". NPC-Attribs . NPC-Equipment . "
". NPC-Skills . NPC-Equipment ."
". NPC-Misc NPC-Misc NPC-Misc ."
". . . . .";
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: cover;
}
/*Vaesen Sheet Layout*/
.sheet-tabstoggle[value="Vaesen"] ~ div.sheet-Vaesen {
display: grid;
width: 850px;
border: 1px solid black;
grid-template-columns: [gutter] auto [Body-Left] 30em [break] 20px [body-right] 30em [gutter] auto;
grid-template-rows: [gutter] 5px [Name] auto [Stats] auto [Abilities] auto [gutter] 5px;
grid-template-areas:
". . . . . "
". Vaesen-Name Vaesen-Name . ."
". Vaesen-Left . Vaesen-Right . "
". Vaesen-Abilities . Vaesen-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: cover;
}
/*Vaesen HQ Layout*/
.sheet-tabstoggle[value="HQ"] ~ div.sheet-HQ {
display: grid;
border: 1px solid black;
width: 850px;
grid-template-columns: [gutter] auto [Body-Left] 25em [break] 10em [body-right] 25em [gutter] 10em;
grid-template-rows: [gutter] 5px [image] auto [header] auto [upgradespan] auto [upgrades] auto [gutter] 5px;
grid-template-areas:
". . . . . "
". HQ-image . HQ-history ."
". HQ-header . HQ-history . "
". HQ-upgrades HQ-upgrades HQ-upgrades ."
". HQ-leftupgrades . HQ-rightupgrades ."
". . . . . ";
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: cover;
}
/*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;
}
/*Repeating Setions*/
.repcontrol {
display: flex;
margin-top: 3px;
}
.repcontrol .repcontrol_edit {
margin-left: auto;
order: 1;
}
.repcontrol button {
background: transparent;
color: #555;
border-radius: 0;
border-color: #999;
transition: all 0.2s;
font-family: pictos;
font-size: 0;
font-weight: bold;
padding: 5px 3px 2px;
line-height: 8px;
}
.repcontrol button:hover {
color: green;
border-color: green;
background: #ddd;
}
.repcontrol button.repcontrol_edit::after {
content: "(";
}
.repcontrol button.repcontrol_add::after {
content: "&";
}
.repcontrol button.repcontrol_edit::after, .repcontrol button.repcontrol_add::after {
font-size: 20px;
}
.repcontainer.editmode + .repcontrol button.repcontrol_edit::after {
content: ")";
}
.itemcontrol {
z-index: 20;
}
/*Roll Button Styling*/
/*Basic d6 Vaesen Roll Button */
button[type="roll"].sheet-vaesendie:before{
content: '';
}
button[type="roll"].sheet-vaesendie{
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vaesendie.png");
background-size: 26px 26px;
background-repeat: no-repeat;
width: 26px;
height: 26px;
border-style: none;
background-color: transparent;
margin-left: 5px;
background-position: 0;
}
button[type="roll"].sheet-vaesendie:hover{
background-position: 0;
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vaesendie2.png");
background-color: transparent;
}
button[type="roll"].sheet-vaesendie:active{
background-position: 0;
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vaesendie3.png");
background-color: transparent;
}
/*Basic d66 Vaesen Roll Button */
button[type="roll"].sheet-vaesend66:before{
content: '';
}
button[type="roll"].sheet-vaesend66{
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vaesend66_1.png");
background-size: 41px 26px;
background-repeat: no-repeat;
width: 41px;
height: 26px;
border-style: none;
background-color: transparent;
margin-left: 5px;
background-position: 0;
}
button[type="roll"].sheet-vaesend66:hover{
background-position: 0;
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vaesend66_2.png");
background-color: transparent;
}
button[type="roll"].sheet-vaesend66:active{
background-position: 0;
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vaesend66_3.png");
background-color: transparent;
}
Reference in New Issue View Git Blame Copy Permalink