/* $Id: USheet.css,v 1.5 2026/09/04 17:40:50 goltz Exp $ */

/* configure the tab buttons */
.charsheet .sheet-sumry,
.charsheet .sheet-combat,
.charsheet .sheet-heritage,
.charsheet .sheet-development,
.charsheet .sheet-profession,
.charsheet .sheet-skills,
.charsheet .sheet-equipment,
.charsheet .sheet-southernwild {
    display: none;
}

/* style the buttons */
.sheet-button0,
.sheet-button1,
.sheet-button2,
.sheet-button3,
.sheet-button4,
.sheet-button5,
.sheet-button6 {
    border-radius: 10px;
}

/* style the active button */
.charsheet .sheet-tabstoggle[value="sumry"] ~ div .sheet-button0 {
    outline: 2px solid red;
}
.charsheet .sheet-tabstoggle[value="combat"] ~ div .sheet-button1 {
    outline: 2px solid red;
}
.charsheet .sheet-tabstoggle[value="heritage"] ~ div .sheet-button2 {
    outline: 2px solid red;
}
.charsheet .sheet-tabstoggle[value="development"] ~ div .sheet-button3 {
    outline: 2px solid red;
}
.charsheet .sheet-tabstoggle[value="profession"] ~ div .sheet-button4 {
    outline: 2px solid red;
}
.charsheet .sheet-tabstoggle[value="skills"] ~ div .sheet-button5 {
    outline: 2px solid red;
}
.charsheet .sheet-tabstoggle[value="equipment"] ~ div .sheet-button6 {
    outline: 2px solid red;
}

/* show the selected tab */
.charsheet .sheet-tabstoggle[value="sumry"] ~ div.sheet-sumry,
.charsheet .sheet-tabstoggle[value="combat"] ~ div.sheet-combat,
.charsheet .sheet-tabstoggle[value="heritage"] ~ div.sheet-heritage,
.charsheet .sheet-tabstoggle[value="development"] ~ div.sheet-development,
.charsheet .sheet-tabstoggle[value="profession"] ~ div.sheet-profession,
.charsheet .sheet-tabstoggle[value="skills"] ~ div.sheet-skills,
.charsheet .sheet-tabstoggle[value="equipment"] ~ div.sheet-equipment,
.charsheet .sheet-tabstoggle[value="southernwild"] ~ div.sheet-southernwild {
    display: block;
}

.sheet-headers .span {
    border: solid black;
    border-width: 0 0 1px 0;
    font-weight: bold;
}

input[type='number'] {
    width: 15em;
}

table tr td.box {
    border: solid;
}

td.label_h {
    text-align: right;
    white-space: nowrap;
}

td.label_v {
    width: 1em;
    height: 5.75em;
    transform: rotate(90deg);
    white-space: nowrap;
    text-orientation: mixed;
    text-align: right;
    vertical-align: bottom;
}

.status {
    display: block;
    width: fit-content;
    padding: 2px;
    margin: 15px;
    /* text-transform: uppercase; */
    font-weight: bold;
    text-align: left;
    
    /* Background for the content area */
    background: white;
    color: #333;

    /* Border thickness – adjust as you like */
    border: 4px solid transparent;   /* placeholder, will be replaced */

    /* Create the striped pattern */
    border-image: repeating-linear-gradient(
        45deg,               /* angle of the stripes */
        black 0,
        black 10px,          /* stripe width */
        #ffeb3b 10px,        /* yellow start (hex for bright yellow) */
        #ffeb3b 20px         /* stripe width + gap */
    ) 1;                     /* stretch the gradient across the whole border */
}

.textchatcontainer a[href^="~"] {
    background-color: transparent;
    padding: 0px;
    color: #ce0f69;
    display: inline-block;
    border: none;
}
.sheet-rolltemplate-default td:first-child {
    font-weight: bold;
    text-align: left;
    min-width: 1px;
    padding-right: 5px;
}
.sheet-rolltemplate-default div.sheet-template-container {
	border: 2px solid #000 !important;
	border-radius: 3px 3px 3px 3px;
}
.sheet-rolltemplate-default .sheet-template-header {
	background-color: rgba(0,0,150,0);
	color: #000;
	padding: 2px;
	border-bottom: 1px solid black;
	line-height: 1.6em;
	font-size: 1.2em;
}