roll20-character-sheets/SavageWorlds/SavageWorldsDeluxe.css

.sheet-nameRankXp{
    width:50px;
}

.sheet-maindiv {
    width:830px;
}

.sheet-additionalrules{
    width:46%;
    margin-left:10px;
    margin-right:10px;
}

.sheet-skills label {
    display:inline-block;
    text-align:left;
    width:75px;
}

.charsheet label {
    display: inline-block;
    text-align: left;
    width:75px;
}

.sheet-smalltextarea{
    height:100px;
}

.skilllabel {
    display: inline-block;
    width:200px;
    text-align: left;
}

.charsheet input {
    display: inline-block;
    width: 165px;
    margin-bottom: 1px;
}

.sheet-rank {
    width: 165px;
    margin-bottom:1px;
}

.sheet-col strong.sheet-dee {
    font-size: 1.4em;
	font-weight: bold;
	padding-right: 4px;
}

.charsheet input.sheet-short {
	width: 3.5em;
}

.charsheet {
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/SavageWorlds/28-faded-parchment-background-sml.jpg");
}

.charsheet table td, .charsheet table th {
    font-size: 1em;
    font-weight: bold;
    text-align: right;
}

.sheet-DStatsTable {
}

.sheet-DStatsTable th {
    text-align: center;
}

.sheet-MacroButtons {

}

.sheet-TopSection {
    width: 900px;
    border-style:solid;
    border-width:1px;
}

.sheet-TopSection1 {
    position: relative;
    top: 0px;
    left: 0px;
}

.sheet-TopSection2 {
    position: relative;
    top: 0px;
    left: 300px;
}

.sheet-TopSection3 {
    position: relative;
    top: 0px;
    left: 600px;
}

select.sheet-dtype {
    width: 60px;
    vertical-align: top;
}
.col1 {
    width: 600px;   
}

.sheet-trainedchk {
    display:inline-block; 
    width:15px; 
    margin-left:5px;   
}

/*Hex Stuff*/
.hex {
    width: 100px;
    height: 57px;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: 50% 50%;			
    background-size: auto 173px;							
    position: relative;
    float:left;
    margin:25px 5px;
    text-align:center;
    zoom:1;
}
	
.hex.hex-gap {
	margin-left: 86px;
}

.hex a {
	display:block;
	width: 100%;
	height:100%;
	text-indent:-9999em;
	position:absolute;
	top:0;
	left:0;
}

.hex .corner-1,
.hex .corner-2 {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: inherit;								
	z-index:-2;						
	overflow:hidden;		
	backface-visibility: hidden;			
}

.hex .corner-1 {
	z-index:-1;
	-webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
}

.hex .corner-2 {
	-webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
}

.hex .corner-1:before,
.hex .corner-2:before {
	width: 173px;
	height:	173px;
  content: '';
  position: absolute;
  background: inherit;
  top:0;
  left: 0;
  z-index: 1;
  background: inherit;
  background-repeat:no-repeat;
	backface-visibility: hidden;				  
}			


.hex .corner-1:before {
	transform: rotate(-60deg) translate(-87px, 0px);	
  transform-origin: 0 0;
}			

.hex .corner-2:before {
	transform: rotate(60deg) translate(-48px, -11px);	
	bottom:0;
}		



/* Custom styles*/
.hex .inner {		
	color:#eee;
}

.hex h4 {
	font-family: 'Josefin Sans', sans-serif;		
	margin:0;			
}

.hex hr {
	border:0;
	border-top:1px solid #eee;
	width:60%;
	margin:15px auto;
}

.hex p {
	font-size:16px;
	font-family: 'Kotta One', serif;
	width:80%;
	margin:0 auto;
}

.hex.hex-1 {
	background: #74cddb;
}

.hex.hex-2 {
	background: #f5c53c;
}

.hex.hex-3 {
	background: #80b971;
}

/*Show and hid things*/


.sheet-horror {
    display:none;
}
.sheet-cyberpunk {
    display:none;
}
.sheet-deadlands {
    display:none;
}
.sheet-hasPowers {
    display:inline;
    width:15px;
    margin-left:5px;
}
.sheet-hiddenElement{
    display:none;
}
.sheet-iscyberpunk:checked~*.sheet-cyberpunk{
    display:inline-block;
}
.sheet-hasPowers:checked~.sheet-powers {
    display:block;
}
.sheet-ishorror:checked~*.sheet-horror {
    display:inline-block;
}

.sheet-isdeadlands:checked~*.sheet-deadlands{
    display:inline-block;
}