Files
roll20-character-sheets-tester/Agone-(french)/agone-sheet.css
T

479 lines
13 KiB
CSS

* {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
}
table {
background-color: #f0f0f0;
}
input[type="radio"] {
position: absolute;
height: 30px;
top: 5px;
margin-left: -1px;
opacity: 0;
}
.sheet-menu {
font-size: 16px;
font-weight: bold;
background-color: black;
color: white;
border-radius: 5px;
border: 1px solid black;
padding: 2px 2px 2px 2px;
}
.sheet-aide {
font-size: 16px;
font-weight: bold;
position: absolute;
left: 810px;
top: 7px;
background-color: gray;
color: white;
border-radius: 5px;
border: 1px solid black;
padding: 2px 2px 2px 15px;
}
.sheet-aide-switch {
position: absolute;
left: 812px;
top: 13px;
z-index: 2;
}
.sheet-aide-section {
position: absolute;
z-index: 5;
}
.sheet-aide-switch:not(:checked) ~ .sheet-aide {
background-color: #e6e6e6;
color: black;
}
.sheet-aide-switch:not(:checked) ~ .sheet-aide-section {
display: none;
}
h1 {
font-size: 14px;
color: black;
font-weight: bold;
text-align: center;
}
.sheet-aide-section p {
text-align: justify;
}
input[type="radio"]:hover + span, .sheet-aide-checkbox:hover + span {
background-color: grey;
}
input[type="radio"]:checked + span, .sheet-aide-checkbox:checked + span {
background-color: lightgray;
color: black;
}
.sheet-radio-pc {
width: 175px;
}
.sheet-radio-compagnon {
width: 176px;
}
.sheet-radio-demon {
width: 98px;
}
.sheet-radio-npc {
width: 60px;
}
.sheet-radio-pc:not(:checked) ~ .sheet-pc-sheet,
.sheet-radio-compagnon:not(:checked) ~ .sheet-compagnon-sheet,
.sheet-radio-demon:not(:checked) ~ .sheet-demon-sheet,
.sheet-radio-npc:not(:checked) ~ .sheet-npc-sheet,
.sheet-aide-checkbox:not(:checked) ~ .sheet-help
{
display: none;
}
input[type=number] {
-moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
-webkit-appearance: none;
margin: 0;
}
hr.sheet-separator {
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}
.sheet-background-table {
border-style: solid;
border-width: 1px;
}
.sheet-main-borderless-table-content,
.sheet-npc-borderless-table-content
{
width: 850px;
}
input.sheet-input-square {
border-radius: 4px;
border-style: solid;
border-width: 1px;
height: 19px;
width: 50px !important;
text-align: center;
box-shadow: 1px 1px 1px;
}
input.sheet-input-square:disabled {
background-color: lightgrey;
}
input.sheet-input-half-square {
border-radius: 4px;
border-style: solid;
border-width: 1px;
height: 19px;
width: 25px !important;
text-align: center;
box-shadow: 1px 1px 1px;
}
input.sheet-input-half-square:disabled {
background-color: lightgrey;
}
input.sheet-input-short {
border: none;
width: 70px;
height: 19px;
box-shadow: 1px 1px 1px;
}
input.sheet-input-long {
border: none;
width: 140px;
height: 19px;
box-shadow: 1px 1px 1px;
}
input.sheet-input-verylong {
border: none;
width: 230px;
height: 19px;
box-shadow: 1px 1px 1px;
}
input.sheet-input-ultralong {
border: none;
width: 350px;
height: 19px;
box-shadow: 1px 1px 1px;
}
input.sheet-input-solong {
border: none;
width: 550px;
height: 19px;
box-shadow: 1px 1px 1px;
}
textarea.sheet-dynamic-full {
width: 836px;
height: 19px;
resize: none;
box-shadow: 1px 1px 1px;
}
textarea.sheet-dynamic-semi {
margin-top: 10px;
width: 340px;
height: 19px;
resize: none;
box-shadow: 1px 1px 1px;
}
textarea.sheet-dynamic-semi:hover {
height: 75px;
}
textarea.sheet-dynamic-third {
margin-top: 10px;
width: 250px;
height: 19px;
resize: none;
box-shadow: 1px 1px 1px;
}
textarea.sheet-dynamic-consequent {
margin-top: 10px;
width: 600px;
height: 19px;
resize: none;
box-shadow: 1px 1px 1px;
}
textarea.sheet-dynamic-subconsequent {
margin-top: 10px;
width: 570px;
height: 19px;
resize: none;
box-shadow: 1px 1px 1px;
}
textarea.sheet-dynamic-full:hover,
textarea.sheet-dynamic-third:hover,
textarea.sheet-dynamic-consequent:hover,
textarea.sheet-dynamic-subconsequent:hover
{
height: 75px;
}
textarea.sheet-description-textarea {
border-style: solid;
border-width: 1px;
border-color: #ccc;
resize: none;
height: 135px;
width: 585px;
box-shadow: 1px 1px 1px;
}
textarea.sheet-npc-description-textarea {
border-style: solid;
border-width: 1px;
border-color: #ccc;
resize: none;
height: 75px;
width: 840px;
box-shadow: 1px 1px 1px;
}
.sheet-borderless-table-title {
background-color: gray;
color: white;
height: 30px;
width: 850px;
text-align: center;
font-style: italic;
font-weight: bold;
border-style: solid;
border-width: 0px;
}
.sheet-main-characteristics-borderless-table-content,
.sheet-secondary-characteristics-borderless-table-content
{
width: 850px;
text-align: center;
}
.sheet-skills-borderless-table-content,
.sheet-perks-defects-borderless-table-content,
.sheet-darkness-perfidy-borderless-table-content,
.sheet-flame-season-currency-borderless-table-content,
.sheet-stuff-borderless-table-content,
.sheet-combat-borderless-table-content,
.sheet-weapons-borderless-table-content,
.sheet-emprise-borderless-table-content,
.sheet-art-borderless-table-content,
.sheet-dancers-borderless-table-content,
.sheet-spells-borderless-table-content,
.sheet-summon-borderless-table-content
{
width: 850px;
}
.sheet-main-characteristics-switch:not(:checked) ~ .sheet-borderless-table-title,
.sheet-secondary-characteristics-switch:not(:checked) ~ .sheet-borderless-table-title,
.sheet-skills-switch:not(:checked) ~ .sheet-borderless-table-title,
.sheet-perks-defects-switch:not(:checked) ~ .sheet-borderless-table-title,
.sheet-darkness-perfidy-switch:not(:checked) ~ .sheet-borderless-table-title,
.sheet-flame-season-currency-switch:not(:checked) ~ .sheet-borderless-table-title,
.sheet-stuff-switch:not(:checked) ~ .sheet-borderless-table-title,
.sheet-combat-switch:not(:checked) ~ .sheet-borderless-table-title,
.sheet-weapons-switch:not(:checked) ~ .sheet-borderless-table-title,
.sheet-emprise-switch:not(:checked) ~ .sheet-borderless-table-title,
.sheet-art-switch:not(:checked) ~ .sheet-borderless-table-title,
.sheet-dancers-switch:not(:checked) ~ .sheet-borderless-table-title,
.sheet-spells-switch:not(:checked) ~ .sheet-borderless-table-title,
.sheet-summon-switch:not(:checked) ~ .sheet-borderless-table-title
{
background-color: #e6e6e6;
color: black;
}
.sheet-skills-borderless-table-content input[type=text] {
text-align: center;
}
.sheet-main-characteristics-switch:not(:checked) ~ .sheet-main-characteristics-borderless-table-content,
.sheet-secondary-characteristics-switch:not(:checked) ~ .sheet-secondary-characteristics-borderless-table-content,
.sheet-skills-switch:not(:checked) ~ .sheet-skills-borderless-table-content,
.sheet-perks-defects-switch:not(:checked) ~ .sheet-perks-defects-borderless-table-content,
.sheet-darkness-perfidy-switch:not(:checked) ~ .sheet-darkness-perfidy-borderless-table-content,
.sheet-flame-season-currency-switch:not(:checked) ~ .sheet-flame-season-currency-borderless-table-content,
.sheet-stuff-switch:not(:checked) ~ .sheet-stuff-borderless-table-content,
.sheet-combat-switch:not(:checked) ~ .sheet-combat-borderless-table-content,
.sheet-weapons-switch:not(:checked) ~ .sheet-weapons-borderless-table-content,
.sheet-emprise-switch:not(:checked) ~ .sheet-emprise-borderless-table-content,
.sheet-art-switch:not(:checked) ~ .sheet-art-borderless-table-content,
.sheet-dancers-switch:not(:checked) ~ .sheet-dancers-borderless-table-content,
.sheet-spells-switch:not(:checked) ~ .sheet-spells-borderless-table-content,
.sheet-summon-switch:not(:checked) ~ .sheet-summon-borderless-table-content,
{
display: none;
}
.sheet-main-characteristics-switch,
.sheet-secondary-characteristics-switch,
.sheet-skills-switch,
.sheet-perks-defects-switch,
.sheet-darkness-perfidy-switch,
.sheet-flame-season-currency-switch,
.sheet-stuff-switch,
.sheet-combat-switch,
.sheet-weapons-switch,
.sheet-emprise-switch,
.sheet-art-switch,
.sheet-dancers-switch,
.sheet-spells-switch,
.sheet-summon-switch,
{
margin-left: 8px;
margin-top: 8px;
position: absolute;
}
select.sheet-competences-selection {
margin-top: 8px;
width: 230px;
height: 30px;
box-shadow: 1px 1px 1px;
}
select.sheet-jet-caracteristiques,
select.sheet-jet-competences
{
width: 150px;
margin-top: -1px;
height: 30px;
position: absolute;
box-shadow: 1px 1px 1px;
}
select.sheet-arme-competence,
select.sheet-race-selector,
select.sheet-arme-style
{
width: 90px;
margin-top: 10px;
box-shadow: 1px 1px 1px;
}
select.sheet-arme-type-degats {
width: 50px;
margin-top: 10px;
box-shadow: 1px 1px 1px;
}
.sheet-rolltemplate-agone-initiative .inlinerollresult,
.sheet-rolltemplate-agone-attaque .inlinerollresult,
.sheet-rolltemplate-agone-defense .inlinerollresult,
.sheet-rolltemplate-agone-conjuration .inlinerollresult,
.sheet-rolltemplate-agone-emprise .inlinerollresult,
.sheet-rolltemplate-agone-emprise-impro .inlinerollresult,
.sheet-rolltemplate-agone-art .inlinerollresult,
.sheet-rolltemplate-agone-art-impro .inlinerollresult,
.sheet-rolltemplate-agone-esquive .inlinerollresult,
.sheet-rolltemplate-agone-caracteristiques .inlinerollresult,
.sheet-rolltemplate-agone-competences .inlinerollresult,
.sheet-rolltemplate-agone-fumble .inlinerollresult,
.sheet-rolltemplate-agone-defense-naturelle .inlinerollresult,
.sheet-rolltemplate-agone-npc .inlinerollresult
{
background-color: #ccc;
border: none;
}
.sheet-rolltemplate-agone-initiative .inlinerollresult.fullcrit,
.sheet-rolltemplate-agone-attaque .inlinerollresult.fullcrit,
.sheet-rolltemplate-agone-defense .inlinerollresult.fullcrit,
.sheet-rolltemplate-agone-conjuration .inlinerollresult.fullcrit,
.sheet-rolltemplate-agone-emprise .inlinerollresult.fullcrit,
.sheet-rolltemplate-agone-emprise-impro .inlinerollresult.fullcrit,
.sheet-rolltemplate-agone-art .inlinerollresult.fullcrit,
.sheet-rolltemplate-agone-art-impro .inlinerollresult.fullcrit,
.sheet-rolltemplate-agone-esquive .inlinerollresult.fullcrit,
.sheet-rolltemplate-agone-caracteristiques .inlinerollresult.fullcrit,
.sheet-rolltemplate-agone-competences .inlinerollresult.fullcrit,
.sheet-rolltemplate-agone-fumble .inlinerollresult.fullfail,
.sheet-rolltemplate-agone-defense-naturelle .inlinerollresult.fullcrit,
.sheet-rolltemplate-agone-npc .inlinerollresult.fullcrit
{
color: #3FB315;
border: none;
}
.sheet-rolltemplate-agone-initiative .inlinerollresult.fullfail,
.sheet-rolltemplate-agone-attaque .inlinerollresult.fullfail,
.sheet-rolltemplate-agone-defense .inlinerollresult.fullfail,
.sheet-rolltemplate-agone-conjuration .inlinerollresult.fullfail,
.sheet-rolltemplate-agone-emprise .inlinerollresult.fullfail,
.sheet-rolltemplate-agone-emprise-impro .inlinerollresult.fullfail,
.sheet-rolltemplate-agone-art .inlinerollresult.fullfail,
.sheet-rolltemplate-agone-art-impro .inlinerollresult.fullfail,
.sheet-rolltemplate-agone-esquive .inlinerollresult.fullfail,
.sheet-rolltemplate-agone-caracteristiques .inlinerollresult.fullfail,
.sheet-rolltemplate-agone-competences .inlinerollresult.fullfail,
.sheet-rolltemplate-agone-fumble .inlinerollresult.fullcrit,
.sheet-rolltemplate-agone-defense-naturelle .inlinerollresult.fullfail,
.sheet-rolltemplate-agone-npc .inlinerollresult.fullfail
{
color: #B31515;
border: none;
}
.sheet-rolltemplate-agone-table {
width: 235px;
background-color: #ccc;
}
.sheet-rolltemplate-agone-title {
color: white;
background-color: #000;
}
.sheet-compagnon-description {
width: 600px;
height: 100px;
resize: none;
}
.sheet-demon-competences {
width: 390px;
height: 100px;
resize: none;
}
.repcontrol .btn {
border: medium none;
background: none;
box-shadow: none;
font-size: 0;
}
.repcontrol .btn:focus {
outline: 0;
}
.repcontrol .repcontrol_edit:after {
content: 'y';
visibility: visible;
font-family: pictos;
background-color: #fff;
border: 1px solid black;
border-radius: 2px;
font-size: 12px;
height: 12px;
width: 12px;
padding: 2px 4px 2px 4px;
color: black;
}
.editmode ~ .repcontrol .repcontrol_edit:after {
content: '3';
}
.repcontrol .repcontrol_add:before {
content: '&';
visibility: visible;
font-family: pictos;
background-color: #fff;
border: 1px solid black;
border-radius: 2px;
font-size: 12px;
height: 12px;
width: 12px;
padding: 2px 4px 2px 4px;
color: black;
}
.repcontrol .repcontrol_edit:hover:after,
.repcontrol .repcontrol_add:hover:before
{
background-color: #EFEFEF;
}
.sheet-resources .repcontrol {
margin-top: -10px;
}
.itemcontrol {
z-index: 10;
}
.itemcontrol .repcontrol_del, .itemcontrol .repcontrol_move {
font-size: 14px;
margin: 0;
padding: 0;
height: 18px;
width: 18px;
}
.itemcontrol .repcontrol_del {
border: 0;
}