roll20-character-sheets/ItrasBy/ItrasBy.css

.charactersheet
{
	color:black;
}

input[type=number],
input[type=text]
{
    -moz-appearance:textfield;
	border-radius:0px;
	color:black;
}

textarea
{
	border:none;
	width:100%;
	padding:0px;
	text-align:justify;
	border-radius:0px;
	margin:0px;
	color:black;
}

label
{
	margin:0px;
	padding:0px;
	width:auto;
}

div, span, label, input[type="text"], textarea
{
	display:flex;
	color:black;
}

input[type="text"]
{
	width:100%;
}

div
{
	flex-wrap:wrap;
}

div > h3
{
	width:100%;
	color:black;
}

div.sheet-autoex
{
	line-height: 1.4em;
	cursor: text;
	text-align: left;
	position:relative;
	width:100%;
	min-height:26px;
	margin-bottom:2px;
}

div.sheet-autoex > span
{
	visibility: hidden;
	display: block;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	white-space: pre-wrap;
	text-align: inherit;
	min-height: inherit;
	height:100%;
	width:100%;
	word-wrap:anywhere;
	padding-top:1px;
}

div.sheet-autoex > textarea
{
	display: block;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: calc(100% - 2px);
	overflow: hidden;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	white-space: pre-wrap;
	text-align: inherit;
	min-height: inherit;
	resize: none;
	border:1px solid lightgray;
}

div.sheet-autoex > textarea::placeholder
{
	font-family:"Contrail One";
	color: #575957da;
	text-transform: capitalize;
	font-style: italic;
	text-align: center;
	font-size: 95%;
	font-weight:normal;
}

.repcontrol
{
	width:100%;
	display:block;
}

.repitem,
.repcontainer
{
	width:100%;
}

.repcontainer > .repitem:nth-child(even)
{
	margin-top:2px;
}

.btn
{
	border-radius:0px;
}

.itemcontrol
{
	z-index:999;
}

.sheet-logo
{
	float: left;
	height: 135px;
	width: 135px;
}

.sheet-enTete
{
	justify-content: space-between;
	height: 110px;
	align-content:baseline;
}

.sheet-enTete > label
{
	flex-wrap:nowrap;
	width:calc(50% - 10px);
	margin-bottom:10px;
}

.sheet-enTete > label:nth-child(3)
{
	width:100%;
}

.sheet-enTete > label:nth-child(4),
.sheet-enTete > label:nth-child(5),
.sheet-enTete > label:nth-child(6)
{
	width:calc(33% - 5px);
}

.sheet-enTete > label > span
{
	align-items:end;
}

.sheet-enTete > label > input[type="text"]
{
	padding:0px;
	padding-top:7px;
	border:0px;
	border-bottom:1px solid lightgray;
}

.sheet-enTete > label:nth-child(1) > input[type="text"]
{
	width:calc(100% - 44.2px);
}

.sheet-enTete > label:nth-child(2) > input[type="text"]
{
	width:calc(100% - 71.9667px);
}

.sheet-enTete > label:nth-child(3) > input[type="text"]
{
	width:calc(100% - 90.2px);
}

.sheet-enTete > label:nth-child(4) > input[type="text"]
{
	width:calc(100% - 39.0167px);
}

.sheet-enTete > label:nth-child(5) > input[type="text"]
{
	width:calc(100% - 45.9833px);
}

.sheet-enTete > label:nth-child(6) > input[type="text"]
{
	width:calc(100% - 74.6px);
}

.sheet-separator
{
	background-image:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/ItrasBy/img/separateur.png);
	width:100%;
	height:14px;
}

.sheet-tab1,
.sheet-tab2
{
	display:none;
}

input[value="1"].sheet-tabShow ~ div.sheet-tab1,
input[value="2"].sheet-tabShow ~ div.sheet-tab2
{
	display:flex;
}

div.sheet-tab1 > div,
div.sheet-tab2 > div
{
	width:100%;
}

div.sheet-menu
{
	justify-content:space-evenly;
	flex-wrap: wrap;
	align-content: baseline;
}

div.sheet-menu input[type="radio"],
div.sheet-menu input[type="checkbox"]
{
	width: 127px;
	height: 26px;
	position: absolute;
	cursor: pointer;
	z-index: 1;
	opacity: 0;
}

div.sheet-menu input[type="radio"] ~ span[title]::before
{
	font-family:"Patrick Hand";
	content: attr(title);
	width: 125px;
	text-align: center;
	display: inline-block;
	height: 24px;
	font-size: 17px;
	font-weight: bold;
	border: 1px solid black;
	position: relative;
	background-color: white;
	color: black;
	line-height: 24px;
}

div.sheet-menu input[type="radio"]:checked ~ span[title]::before
{
	box-shadow: 0px 0px 7px 0px #000000 inset;
}

div.sheet-menu label
{
	margin: 0px;
	padding: 0px;
	width: 127px;
	height: 26px;
}

.sheet-deuxColonnes
{
	justify-content:space-between;
	border-top:1px solid transparent;
	
}

.sheet-deuxColonnes > div
{
	width:calc(50% - 10px);
	align-content:baseline;
}

.sheet-deuxColonnes > div > .repcontainer > .repitem > input[type="text"]
{
	border:0px;
	text-align:center;
	font-weight:bold;
	padding:0px;
}

.sheet-deuxColonnes > div > .repcontainer > .repitem > input[type="text"]:hover
{
	background-color:Khaki;
}

.sheet-deuxColonnes > div > .repcontainer > .repitem > div > textarea,
.sheet-deuxColonnes > div > .repcontainer > .repitem > div > span
{
	border-radius:0px;
}

.sheet-deuxColonnes > div > .repcontainer > .repitem > div > span
{
	width:100%;
}

.sheet-historique > .repcontainer > .repitem > div.sheet-autoex
{
	min-height:50px;
}