rafaelartur
312b024a46
Super atualização de ficha de personagens; Adiconado regras de combate; Melhoria nos testes de atributos; Melhoria na disposição dos itesn na ficha; Adicionao Tab pra veiculos e robos; Melhoria no teste de magia; Criação de bonus em atributos;
108 lines
2.1 KiB
CSS
108 lines
2.1 KiB
CSS
/*FIcha Basica*/
|
|
.charsheet label {
|
|
display: inline-block;
|
|
width: 75px;
|
|
text-align: left;
|
|
}
|
|
|
|
.charsheet input {
|
|
display: inline-block;
|
|
width: 165px;
|
|
}
|
|
|
|
.charsheet input.sheet-short {
|
|
width: 3.5em;
|
|
}
|
|
|
|
.charsheet table td, .charsheet table th {
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
select.sheet-dtype {
|
|
width: 60px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
textarea {
|
|
resize: vertical;
|
|
overflow: auto;
|
|
}
|
|
|
|
/*Guias de personagens e veiculos*/
|
|
div.sheet-tab-content {
|
|
display: none;
|
|
}
|
|
input.sheet-tab1:checked ~ div.sheet-tab1,
|
|
input.sheet-tab2:checked ~ div.sheet-tab2,
|
|
input.sheet-tab3:checked ~ div.sheet-tab3,
|
|
input.sheet-tab4:checked ~ div.sheet-tab4,
|
|
input.sheet-tab5:checked ~ div.sheet-tab5,
|
|
input.sheet-tab6:checked ~ div.sheet-tab6,
|
|
input.sheet-tab7:checked ~ div.sheet-tab7 {
|
|
/* essential elements */
|
|
display: block;
|
|
}
|
|
.charsheet input.sheet-tab {
|
|
/* essential elements */
|
|
width: 80px; /* must match span.sheet-tab below */
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
|
|
|
|
/* change height to match span.sheet-tab below */
|
|
height: 24px;
|
|
}
|
|
.charsheet span.sheet-tab {
|
|
/* essential elements */
|
|
width: 80px; /* must match width of input above */
|
|
margin-left: -80px; /* ditto */
|
|
|
|
/* change box size: enter same height in input.sheet-tab above */
|
|
font-size: 1.2em;
|
|
height: 24px;
|
|
font-weight: bold;
|
|
|
|
/* make text centred */
|
|
text-align: center;
|
|
display: inline-block;
|
|
|
|
/* add a nice border */
|
|
border-radius: 4px;
|
|
border: 1px solid;
|
|
|
|
}
|
|
|
|
input.sheet-tab[type="radio"]:checked + span.sheet-tab {
|
|
/* reverse color of selected tab */
|
|
color: black;
|
|
/*background: black;*/
|
|
}
|
|
|
|
/*Mudar nome do traibuto*/
|
|
.sheet-block-a,
|
|
.sheet-block-switch:checked ~ .sheet-block-b {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-block-b,
|
|
.sheet-block-switch:checked ~ .sheet-block-a {
|
|
display: none;
|
|
}
|
|
|
|
/*Caixa de Descrição*/
|
|
.sheet-columns {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 400px;
|
|
}
|
|
.sheet-columns > * {
|
|
flex: 1;
|
|
}
|
|
|
|
input.sheet-toggle-show:not(:checked) ~ div.sheet-body,
|
|
input.sheet-toggle-hide:checked ~ div.sheet-body {
|
|
display: none;
|
|
} |