216 lines
4.2 KiB
CSS
216 lines
4.2 KiB
CSS
/*-----------------------
|
|
SET HOVERS
|
|
-----------------------*/
|
|
span span {
|
|
display: none;
|
|
z-index: -1;
|
|
}
|
|
span:hover span {
|
|
display: block;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 5px;
|
|
}
|
|
/*-----------------------
|
|
REMOVE ARROWS
|
|
-----------------------*/
|
|
input::-webkit-outer-spin-button,
|
|
input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
/*-----------------------
|
|
LABELS
|
|
-----------------------*/
|
|
label {
|
|
font-size: 11px;
|
|
display: inline;
|
|
}
|
|
/*-----------------------
|
|
SHEET
|
|
-----------------------*/
|
|
{
|
|
background-image:url('http://www.webtexture.net/wp-content/gallery/20-seamless-paper-texture/papar_texture_thumb03.jpg');
|
|
box-shadow: 0px 0px 0px 1px #000000 inset;
|
|
}
|
|
/*-----------------------
|
|
INPUT TYPES
|
|
-----------------------*/
|
|
.charsheet input.sheet-dinputbox {
|
|
background-color: #C5D4B0;
|
|
font-weight: bold;
|
|
text-align:center;
|
|
}
|
|
.charsheet input.sheet-sdinputbox {
|
|
background-color: #C0DBA4;
|
|
font-weight: bold;
|
|
text-align:center;
|
|
}
|
|
input.sheet-skill {
|
|
font-weight: bold;
|
|
}
|
|
input[type=number] {
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding: 0.2em;
|
|
position: center;
|
|
box-shadow: 0px 0px 0px 1px #000000 inset;
|
|
}
|
|
input[type=text] {
|
|
font-size: 11px;
|
|
display: inline-block;
|
|
width: 165px;
|
|
margin: 0;
|
|
padding: 0.2em;
|
|
position: center;
|
|
box-shadow: 0px 0px 0px 1px #000000 inset;
|
|
}
|
|
input {
|
|
font-size: 11px;
|
|
display: inline-block;
|
|
width: 150px;
|
|
}
|
|
textarea {
|
|
font-size: 11px;
|
|
resize: none;
|
|
border: 2px solid #765942;
|
|
border-radius: 10px;
|
|
padding-left:20px;
|
|
}
|
|
select {
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
width: 165px;
|
|
margin: 0;
|
|
padding: 0.2em;
|
|
position: center;
|
|
box-shadow: 0px 0px 0px 1px #000000 inset;
|
|
}
|
|
/*-----------------------
|
|
TABLE STUFF
|
|
-----------------------*/
|
|
td {
|
|
font-size: 11px;
|
|
font-weight:bold;
|
|
background-color: #C7C7C7;
|
|
padding:0px;
|
|
}
|
|
table td.sheet-stat {
|
|
border: 1px solid black;
|
|
background-color: #A6A6A6;
|
|
font-size: 9px;
|
|
padding: 0px 0px 0px 1px;
|
|
}
|
|
table td.sheet-stat2 {
|
|
border: 1px solid black;
|
|
background-color: #A9C48D;
|
|
font-size: 9px;
|
|
text-align:center;
|
|
}
|
|
/*-----------------------
|
|
HORZ LINE
|
|
-----------------------*/
|
|
hr {
|
|
background-color: #000000;
|
|
width: 100%;
|
|
height: 1px;
|
|
margin: 2px;
|
|
}
|
|
/*-----------------------
|
|
Headings
|
|
-----------------------*/
|
|
h1 {
|
|
font-size: 16px;
|
|
margin:0;
|
|
text-shadow: 2px 2px #000;
|
|
margin-bottom: 0px;
|
|
text-align:justify;
|
|
border: 1px solid #000;
|
|
border-radius: 10px;
|
|
}
|
|
h2 {
|
|
font-size: 35px;
|
|
margin:0;
|
|
font-family:"impact";
|
|
padding:0px 0px 0px 0px;
|
|
color:#555;
|
|
text-align:center;
|
|
width:100%;
|
|
}
|
|
h3 {
|
|
font-size: 14px;
|
|
border: 1px solid black;
|
|
text-shadow: 2px 2px #000;
|
|
width:95%;
|
|
background-color:#4D4D4D;
|
|
color:#fff;
|
|
text-align:center;
|
|
margin:auto;
|
|
}
|
|
h4 {
|
|
margin:0;
|
|
font-size: 18px;
|
|
}
|
|
h5 {
|
|
font-size: 12px;
|
|
margin:0;
|
|
background-color: #cecece;
|
|
padding: 3px 0px 3px 0px;
|
|
text-align:center;
|
|
border: 1px solid #5C5C5C;
|
|
border-radius: 6px;
|
|
}
|
|
h6 {
|
|
font-size: 18px;
|
|
margin:0;
|
|
text-shadow: 2px 2px #000;
|
|
background-color: #963B3B;
|
|
width:100%;
|
|
color:#fff;
|
|
padding:3px 0px 3px 0px;
|
|
text-align:center;
|
|
border: 1px solid #000;
|
|
border-radius: 15px 15px 0px 0px;
|
|
}
|
|
/*-----------------------
|
|
COLUMNS
|
|
-----------------------*/
|
|
.sheet-2colrow1 .sheet-col {
|
|
width: calc(49%);
|
|
}
|
|
.sheet-3colrow1 .sheet-col {
|
|
width: calc(33% - 1px);
|
|
}
|
|
/*-----------------------
|
|
TABS
|
|
-----------------------*/
|
|
.sheet-character-sheet,
|
|
.sheet-expand{
|
|
display: none;
|
|
padding: 3px;
|
|
}
|
|
.sheet-expand:checked ~ .sheet-show{
|
|
display: block;
|
|
border: solid thin black;
|
|
background-color: #F5F4E9;
|
|
margin: 1px 0px 0px -2px;
|
|
}
|
|
.sheet-tab{
|
|
font-size: 14px;
|
|
font-style:italic;
|
|
display: inline-block;
|
|
text-align: center;
|
|
margin: -2px;
|
|
padding: 2px;
|
|
width: 120px;
|
|
height: 24px;
|
|
background-color: #C7C7C7;
|
|
border-top-left-radius: 1em 3em;
|
|
border-top-right-radius: 1em 3em;
|
|
border: solid thin gray;
|
|
border-bottom: none;
|
|
}
|
|
.sheet-expand:checked ~ .sheet-tab{
|
|
background-color: white;
|
|
} |