roll20-character-sheets/Old School Essentials/OSE.css

hr {
    display: block;
    height: 4px;
    border: 0;
    border-top: 1px solid #000;
    margin: 1em 0;
    padding: 0;
}

textarea {
    resize:vertical;
    width:96%;
}

h1 {
    font-size: 140%;
    font-family:"Tahoma";
    color: black;
    padding-left:30px;
    margin-bottom:10px;
    margin-top:10px;
    line-height:40px;
    background-image:url('https://i84.servimg.com/u/f84/13/24/51/43/banniz13.png');
    background-size: 100%;
    background-repeat:no-repeat;
    text-align:center;
    text-shadow: 1px 0 0 white, 0 1px 0 white, 0 -1px 0 white, -1px 0 0 white;
}

label {
    font-weight:normal;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    cursor:pointer;
    display:inline-block;
    padding-right:0;
}

p {
    font-weight:normal;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    display:inline-block;
}

span {
    background-color:black;
    color:white;
    display: inline-block;
    vertical-align:middle;
    text-align:center;
    line-height: 3.5em;
    width:3.5em;
}

p span {
    background-color:black;
    color:white;
    display: inline-block;
    vertical-align:middle;
    text-align:center;
    line-height: 3.5em;
    width:3.5em;
}

label span {
    background-color:black;
    color:white;
    display: inline-block;
    vertical-align:middle;
    text-align:center;
    line-height: 3.5em;
    width:3.5em;
}

img {
    vertical-align:middle;
    display:inline-block;
}

.sheet-sheet button[type="roll"]:hover {
    color: #990000;
    border-color:#990000;
    border:1px 1px 1px 1px;
}

.sheet-roll button[type="roll"]::before {
    content: "";
    font-size:10px;
}

.sheet-roll button[type="roll"] {
    text-decoration:none;
    background:black;
    color:white;
    border:none;
    border-radius:0;
    box-shadow:none;
    font-size:14px;
    padding:0;
    margin:0;
    height:49px;
    width:49px;
    vertical-align:middle;
    text-shadow:none;
}

.charsheet input[type="number"] {
    text-align:center;
}

/* Remove input number arrows*/

/* Firefox */
.charsheet input[type=number] {
    -moz-appearance: textfield;
}

/* Chrome */
.charsheet input::-webkit-inner-spin-button,
.charsheet input::-webkit-outer-spin-button { 
	-webkit-appearance: none;
	margin:0;
}

/* Opéra*/
.charsheet input::-o-inner-spin-button,
.charsheet input::-o-outer-spin-button { 
	-o-appearance: none;
	margin:0
}

.charsheet input[type="text"] {
    height:3.5em;
    border-radius:0;
}

.charsheet input[type="number"] {
    height:3.5em;
    border-radius:0;
    width:3.5em !important;
}

div.sheet-logo {
    width:32%;
    display:inline-block;
    margin-right:15px;
    vertical-align:middle;
}

div.sheet-infos {
    display:inline-block;
    width:65%;
    vertical-align:middle;
}

div.sheet-infos1 {
    width:49%;
    display:inline-block;
    vertical-align:top;
}

.sheet-hp label {
    width:99px;
}

.sheet-movement input[type="number"] {
    margin-right:1px;
    vertical-align:top;
}

.sheet-movement div.sheet-move {
    background-color:black;
    color:white;
    display: inline-block;
    vertical-align:middle;
    text-align:center;
    line-height: 3.5em;
    width:3.5em;
}

.sheet-movement div i {
    font-size:10px;
    margin-right:38px;
}

.sheet-movement div i:nth-child(2) {
    margin-left:18px;
}

.sheet-ac label:nth-child(1) {
    width:100px;
}

.sheet-ac label:nth-child(2) {
    width:149px;
}

.sheet-matrix button[type="roll"] {
    text-decoration:none;
    background:black;
    color:white;
    border:none;
    border-radius:0;
    box-shadow:none;
    font-size:14px;
    padding:0;
    margin:0;
    height:35px;
    width:35px;
    vertical-align:middle;
    text-shadow:none;
}

.sheet-matrix input[type="number"] {
    width:2.7em !important;
    height:2.7em;
    margin:0;
    margin-right:8.8px;
}

div.sheet-attack {
    text-align:left;    
}

.sheet-attack p {
    margin-right:3.4%;
}

.sheet-attack p:last-child {
    margin-right:0px;
    width:40%;
    vertical-align:middle;
}

.sheet-attack button[type="roll"] {
    text-decoration:none;
    background:black;
    color:white;
    border:none;
    border-radius:0;
    box-shadow:none;
    font-size:14px;
    padding:0;
    margin:0;
    height:49px;
    width:100px;
    vertical-align:middle;
    text-shadow:none;
}

.sheet-attack span {
    width:100px;
}

div.sheet-scores {
    text-align:center;    
}

.sheet-scores p {
    margin-right:40px;
}

.sheet-scores p:last-child {
    margin-right:0px;
}

div.sheet-saving {
    text-align:center;    
}

.sheet-saving button[type="roll"] {
    text-decoration:none;
    background:black;
    color:white;
    border:none;
    border-radius:0;
    box-shadow:none;
    font-size:14px;
    padding:0;
    margin:0;
    height:50px;
    width:100px;
    vertical-align:middle;
    text-shadow:none;
}

.sheet-saving p {
    margin-right:17px;
}

.sheet-saving p:last-child {
    margin-right:0px;
}

.sheet-exploration button[type="roll"] {
    text-decoration:none;
    background:black;
    color:white;
    border:none;
    border-radius:0;
    box-shadow:none;
    font-size:14px;
    padding:0;
    margin:0;
    height:50px;
    width:100px;
    vertical-align:middle;
    text-shadow:none;
}

div.sheet-exploration {
    text-align:center;    
}

.sheet-exploration p {
    margin-right:50px;
}

.sheet-exploration p:last-child {
    margin-right:0px;
}

div.sheet-exp {
    text-align:center;    
}

.sheet-exp p {
    margin-right:50px;
}

.sheet-exp p:last-child {
    margin-right:0px;
}

.sheet-abilities input:nth-child(1) {
    width:205px;
}

.sheet-abilities input:nth-child(2) {
    width:45.5px;
    text-align:center;
}

.sheet-abilities select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-overflow: '';
    width:45.5px;
    height:45.5px;
    text-align:center;
    border-radius:0;
    margin:0;
    vertical-align:middle;
}

.sheet-abilities option {
    text-align:center;
} 

.sheet-abilities textarea {
    height:75px;
}

.sheet-abilities button[type="roll"]::before {
    font-size:30px;
}

.sheet-abilities button[type="roll"] {
    font-size:40px;
    padding:0;
    margin:0;
    height:40px;
    width:40px;
    vertical-align:middle;
    margin-bottom: 2px;
    border-radius: 0;
}

.sheet-equip span:nth-child(1) {
    width:44.5px;
    border-right:2px solid #ccc;
}

.sheet-equip span:nth-child(2) {
    width:208px;
    border-right:2px solid #ccc;
}

.sheet-equip span:nth-child(3) {
    width:348px;
    border-right:2px solid #ccc;
}

input[type="text"].sheet-idesc {
    width:350px;
}

.sheet-rolltemplate-skill span.sheet-rolldescr {
    height:auto;
    color:black;
    line-height:18px;
    text-align:left;
    border-top:1px solid black;
    background:white;
    padding:4px;
}
 
.sheet-rolltemplate-greater span.sheet-rollresult, 
.sheet-rolltemplate-less span.sheet-rollresult,
.sheet-rolltemplate-skill span.sheet-rollresult {
    background:white;
    border-top:1px solid black;
}

.sheet-rolltemplate-greater span.sheet-rollfail, 
.sheet-rolltemplate-less span.sheet-rollfail,
.sheet-rolltemplate-skill span.sheet-rollfail {
    color:#990000;
}

.sheet-rolltemplate-greater span.sheet-rollsuccess, 
.sheet-rolltemplate-less span.sheet-rollsuccess,
.sheet-rolltemplate-skill span.sheet-rollsuccess {
    color:#009900;
}

.sheet-rolltemplate-simple span, 
.sheet-rolltemplate-greater span, 
.sheet-rolltemplate-less span,
.sheet-rolltemplate-skill span {
    background-color:black;
    color:white;
    display: inline-block;
    vertical-align:middle;
    text-align:center;
    line-height: 3em;
    height:3em;
    width:100%;
    border-bottom:1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;
}

.sheet-rolltemplate-simple .inlinerollresult,
.sheet-rolltemplate-simple .inlinerollresult.fullfail,
.sheet-rolltemplate-simple .inlinerollresult.fullcrit,
.sheet-rolltemplate-simple .inlinerollresult.importantroll, 
.sheet-rolltemplate-greater .inlinerollresult,
.sheet-rolltemplate-greater .inlinerollresult.fullfail,
.sheet-rolltemplate-greater .inlinerollresult.fullcrit,
.sheet-rolltemplate-greater .inlinerollresult.importantroll, 
.sheet-rolltemplate-less .inlinerollresult,
.sheet-rolltemplate-less .inlinerollresult.fullfail,
.sheet-rolltemplate-less .inlinerollresult.fullcrit,
.sheet-rolltemplate-less .inlinerollresult.importantroll,
.sheet-rolltemplate-skill .inlinerollresult,
.sheet-rolltemplate-skill .inlinerollresult.fullfail,
.sheet-rolltemplate-skill .inlinerollresult.fullcrit,
.sheet-rolltemplate-skill .inlinerollresult.importantroll {
    background-color: transparent;
    border: none;
    color:black;
}