296 lines
5.1 KiB
CSS
296 lines
5.1 KiB
CSS
.charsheet {
|
|
background: white;
|
|
min-height: 100%;
|
|
}
|
|
|
|
.sheet-col {
|
|
padding: 1px;
|
|
}
|
|
|
|
.sheet-col-att {
|
|
width: 30px ;
|
|
text-align: center ;
|
|
padding: 5px ;
|
|
font-weight: bold ;
|
|
font-family: monospace, sans-serif ;
|
|
font-size: 1.1em ;
|
|
}
|
|
|
|
.sheet-col-datt {
|
|
width: 30px ;
|
|
color: darkred ;
|
|
text-align: center ;
|
|
padding: 5px ;
|
|
font-weight: bold ;
|
|
font-family: monospace, sans-serif ;
|
|
font-size: 1.1em ;
|
|
}
|
|
|
|
.sheet-col-cha {
|
|
text-align: left ;
|
|
padding: 5px ;
|
|
font-weight: bold ;
|
|
font-family: sans-serif ;
|
|
font-size: 1.1em ;
|
|
}
|
|
|
|
.sheet-4colrow1 {
|
|
background-color: rgb(190, 190, 190);
|
|
margin: 1px;
|
|
height: 30px;
|
|
padding: 1px 1px 0px -1px;
|
|
}
|
|
|
|
.sheet-4colrow {
|
|
margin: 1px;
|
|
height: 30px;
|
|
padding: 1px 1px 0px -1px;
|
|
background-color: rgb(235, 235, 235);
|
|
}
|
|
|
|
.sheet-2colrow1 {
|
|
padding: 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
border: 0px;
|
|
}
|
|
|
|
/* ===== Info =====*/
|
|
.sheet-col-inf {
|
|
width: 100px ;
|
|
text-align: center ;
|
|
padding: 5px 0px 0px 2px;
|
|
display: inline;
|
|
font-weight: bold ;
|
|
font-family: monospace, sans-serif ;
|
|
font-size: 1.1em ;
|
|
}
|
|
|
|
.sheet-col-it {
|
|
width: 80px ;
|
|
text-align: center ;
|
|
margin: 1px 0px 0px 0px;
|
|
padding: 0px;
|
|
display: inline;
|
|
}
|
|
|
|
/* ===== Defenses ===== */
|
|
.sheet-col-def {
|
|
height: 30px;
|
|
text-align: right ;
|
|
padding: 5px 0px 0px 10px;
|
|
font-weight: bold ;
|
|
font-family: monospace, sans-serif ;
|
|
font-size: 0.9em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
|
|
/* ===== WEAPON ===== */
|
|
|
|
.sheet-select {
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-col-wv {
|
|
height: 30px;
|
|
text-align: left ;
|
|
padding: 5px;
|
|
font-weight: bold ;
|
|
font-family: monospace, sans-serif ;
|
|
font-size: 0.9em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
|
|
.sheet-col-wv2 {
|
|
width: 110px ;
|
|
text-align: center ;
|
|
padding: 7px ;
|
|
font-weight: bold ;
|
|
font-family: monospace, sans-serif ;
|
|
font-size: 0.9em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
|
|
.sheet-col-wv3 {
|
|
width: 100px ;
|
|
height: 30px;
|
|
text-align: justify ;
|
|
padding: 5px;
|
|
font-weight: bold ;
|
|
font-family: monospace, sans-serif ;
|
|
font-size: 0.9em ;
|
|
display: inline;
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
|
|
.sheet-4colrowwdesc {
|
|
margin: 1px;
|
|
padding: 1px 1px 0px -1px;
|
|
background-color: rgb(235, 235, 235);
|
|
height: 100px;
|
|
}
|
|
|
|
textarea {
|
|
height: 60px;
|
|
margin: 1px;
|
|
}
|
|
|
|
/* ===== INPUTS ===== */
|
|
|
|
input[type=number]::-webkit-inner-spin-button,
|
|
input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
|
|
}
|
|
|
|
input[type=number] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
.sheet-row input {
|
|
height: 20px;
|
|
padding: 0px;
|
|
margin-top: -2px;
|
|
padding: 0 2px;
|
|
line-height: 22px;
|
|
|
|
background: #FFFFFF;
|
|
border: solid black 1px #000000;
|
|
box-shadow: none;
|
|
cursor: initial;
|
|
}
|
|
|
|
.sheet-box input[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 30px;
|
|
height: 22px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* ===== CSS TOOLTIP ===== */
|
|
.sheet-popup {
|
|
width: 30px ;
|
|
text-align: center ;
|
|
padding: 2px ;
|
|
font-weight: bold ;
|
|
font-family: monospace, sans-serif ;
|
|
font-size: 1.1em ;
|
|
}
|
|
|
|
.sheet-popup + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
|
|
.sheet-popup:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline;
|
|
position: absolute;
|
|
color: #111;
|
|
border: 1px solid grey;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.sheet-popup + .sheet-tooltip {
|
|
border-radius: 1px;
|
|
-moz-border-radius: 1px;
|
|
-webkit-border-radius: 1px;
|
|
-moz-box-shadow: 3px #CCC;
|
|
-webkit-box-shadow: 3px #CCC;
|
|
box-shadow: 3px #CCC;
|
|
}
|
|
|
|
.sheet-popupdatt {
|
|
width: 30px ;
|
|
color: darkred ;
|
|
text-align: center ;
|
|
padding: 5px ;
|
|
font-weight: bold ;
|
|
font-family: monospace, sans-serif ;
|
|
font-size: 1.1em ;
|
|
}
|
|
|
|
.sheet-popupdatt + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
}
|
|
|
|
.sheet-popupdatt:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline;
|
|
position: absolute;
|
|
color: #111;
|
|
border: 1px solid grey;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.sheet-popupdatt + .sheet-tooltip {
|
|
border-radius: 1px;
|
|
-moz-border-radius: 1px;
|
|
-webkit-border-radius: 1px;
|
|
-moz-box-shadow: 3px #CCC;
|
|
-webkit-box-shadow: 3px #CCC;
|
|
box-shadow: 3px #CCC;
|
|
}
|
|
|
|
.sheet-popup-semblance {
|
|
width: 25px ;
|
|
text-align: center ;
|
|
padding: 0px ;
|
|
font-weight: bold ;
|
|
font-family: monospace, sans-serif ;
|
|
font-size: 1.1em ;
|
|
}
|
|
|
|
.sheet-popup-semblance + .sheet-tooltip {
|
|
z-index: 10;
|
|
display: none;
|
|
padding: 4px;
|
|
text-align: left;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
text-transform: initial;
|
|
font-variant: initial;
|
|
position: relative;
|
|
right: 7px;
|
|
}
|
|
|
|
.sheet-popup-semblance:hover + .sheet-tooltip {
|
|
width: auto;
|
|
display: inline;
|
|
position: absolute;
|
|
color: #111;
|
|
border: 1px solid grey;
|
|
background: #ffffff;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.sheet-popup-semblance + .sheet-tooltip {
|
|
border-radius: 1px;
|
|
-moz-border-radius: 1px;
|
|
-webkit-border-radius: 1px;
|
|
-moz-box-shadow: 3px #CCC;
|
|
-webkit-box-shadow: 3px #CCC;
|
|
box-shadow: 3px #CCC;
|
|
} |