mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
131 lines
2.7 KiB
CSS
131 lines
2.7 KiB
CSS
.sheet-bgmain {
|
|
width: 830px;
|
|
max-width: 830px;
|
|
height: 660px;
|
|
max-height: 660px;
|
|
background-color : white;
|
|
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/etoiles/BG.png');
|
|
background-repeat:no-repeat;
|
|
background-position:top center;
|
|
background-size: auto;
|
|
padding:4px;
|
|
font-size:14px;
|
|
|
|
}
|
|
.sheet-col-1,.sheet-col-2,.sheet-col-3{
|
|
float:left;
|
|
}
|
|
.sheet-col-1{
|
|
width:33%;
|
|
}
|
|
.sheet-col-3{
|
|
width:10%;
|
|
}
|
|
.sheet-descripteur, .sheet-faille,.sheet-mintext{
|
|
margin-bottom:10px;
|
|
}
|
|
.sheet-col-2 label,.sheet-col-2 input{
|
|
font-size:22px;
|
|
}
|
|
.sheet-col-3 input, .sheet-col-3 select {
|
|
width:133px;
|
|
}
|
|
.sheet-col-1 input {
|
|
width:150px;
|
|
}
|
|
.sheet-col-2 {
|
|
margin-left:80px;
|
|
margin-right:150px;
|
|
padding-top:150px;
|
|
width:20%;
|
|
|
|
}
|
|
.sheet-col-4 {
|
|
width:40%;
|
|
height:auto;
|
|
min-height:150px;
|
|
position:absolute;
|
|
top: 560px; left: 250px;
|
|
|
|
}
|
|
.sheet-col-4 select{
|
|
width:55px;
|
|
}
|
|
.sheet-col-4 input {
|
|
width:100px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-custom .sheet-container {
|
|
border: 1px solid;
|
|
/* by default, the border is the same color as the header. You can change this here, e.g. to black */
|
|
border-color: var(--header-bg-color);
|
|
}
|
|
|
|
/* Header formatting - title and subtitle */
|
|
.sheet-rolltemplate-custom .sheet-header {
|
|
background-color: var(--header-bg-color);
|
|
/* change text-align to center to center the header text */
|
|
text-align: left;
|
|
color: var(--header-text-color);
|
|
padding: 5px;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-title {
|
|
font-size:1.1em;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-subtitle {
|
|
font-size:.9em;
|
|
}
|
|
|
|
/* example colors */
|
|
.sheet-rolltemplate-custom .sheet-container {
|
|
/* this is the default color */
|
|
--header-bg-color: #126c9f;
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-red {
|
|
--header-bg-color: #F00;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-green {
|
|
--header-bg-color: #0F0;
|
|
--header-text-color: #000;
|
|
}
|
|
|
|
/* Allprops part */
|
|
.sheet-rolltemplate-custom .sheet-content {
|
|
display: grid;
|
|
background: #FFF;
|
|
/* Header formatting - modify the column layout below */
|
|
grid-template-columns: auto auto;
|
|
/* Line height to match default roll template */
|
|
line-height:1.4em;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-content > div {
|
|
padding: 5px;
|
|
}
|
|
|
|
/* Left column */
|
|
.sheet-rolltemplate-custom .sheet-content .sheet-key {
|
|
font-weight: bold;
|
|
padding-right: 10px;
|
|
text-align: right;
|
|
}
|
|
|
|
/* Empty rule, use this if you want to change the right column
|
|
.sheet-rolltemplate-custom .sheet-value {
|
|
}
|
|
*/
|
|
|
|
|
|
/* Description field */
|
|
.sheet-rolltemplate-custom .sheet-desc {
|
|
grid-column: span 2;
|
|
padding: 5px;
|
|
text-align: center;
|
|
}
|
|
.sheet-failure{
|
|
background-color:red;
|
|
}
|
|
.sheet-success{
|
|
background-color:green;
|
|
} |