html, body {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
background-color: #FEFEF2;
}
label {
text-transform: uppercase;
font-family: arial;
font-size: 10px;
padding-left: 5px;
}
input {
background-color: #FEFEF2;
}
input[type=text] {
border-width: 0px;
border-bottom: 1px solid black;
outline: none;
margin: 5px;
padding-left: 5px;
padding-right: 5px;
}
input[type=text]:focus, textarea:focus {
background-color: #E0FFFF;
}
.textInput {
float: left;
}
.line {
clear: both;
}
.infobox {
text-align: center;
background-color: #000000;
color: #FEFEF2;
text-transform: uppercase;
font-family: arial;
font-size: 8px;
border: 2px solid #FEFEF2;
line-height: 16px;
}
.infobox h1 {
font-weight: bold;
font-size: 20px;
line-height: 16px;
}
.inputbox input[type=text] {
height: 30px;
width: 40px;
border: 1px solid black;
text-align: center;
}
.temp {
background-color: #AFAFAF;
}
.temp input[type=text] {
border-color: #AFAFAF;
}
#window {
background-color: #FEFEF2;
/*width: 1024px;*/
/*border-right: 1px solid red;*/
}
#headerInfo {
float: left;
}
#characterSheetLogo {
float: left;
width: 340px;
padding: 5px;
height: 100px;
background: url("/images/charactersheet_logo.png");
background-size: 340px 100px;
background-repeat: no-repeat;
}
#abilityGrid {
padding-top: 20px;
width: 200px;
clear: both;
}
#characterName {
width: 300px;
}
#playerName {
width: 300px;
}
#classAndLevel {
width: 300px;
}
#race {
width: 95px;
}
#alignment {
width: 95px;
}
#deity {
width: 90px;
}
#size {
width: 70px;
}
#age {
width: 60px;
}
#gender {
width: 70px;
}
#height {
width: 70px;
}
#weight{
width: 65px;
}
#eyes {
width: 70px;
}
#hair {
width: 70px;
}
#skin {
width: 65px;
}
#abilityGrid tr {
text-align: center;
text-transform: uppercase;
font-family: arial;
font-size: 8px;
}
#abilityGrid {
display: table;
border-spacing: 0px;
border-collapse: seperate;
}