[Estirpe SRD] Brand New Sheet

Estirpe (ficha base)/Estirpe-DRS.css

@@ -0,0 +1,267 @@
+
+
+		.mastercontainer {
+		  border: 1px outset black; 
+		  align: center;	
+		  font-family: Arial, sans-serif;
+		  width: 840px;
+		  margin: 0 auto;
+	      display: grid;
+	      grid-template-columns: 1fr;
+		}
+
+
+		.HeaderDiv {
+		  border: 1px outset black;  
+		  text-align: center;
+		  max-width: 840px;
+		  margin: auto;
+		  padding-bottom: 10px;		  
+		}
+
+		.myDiv {
+		  border: 1px outset black;   
+		  text-align: left;
+		  max-width: 840px;
+		  padding-bottom: 10px;
+		}
+
+		.onecolumn {
+	      display: grid;
+	      grid-template-columns: 1fr;
+		}
+
+		.twocolumns {
+	      display: grid;
+	      grid-template-columns: 1fr 1fr;
+		}
+
+		.threecolumns {
+	      display: grid;
+	      grid-template-columns: 1fr 1fr 1fr;
+		}
+
+
+		.myDivCenter {
+		  border: 0px outset black; 
+		  text-align: center;
+		  margin: 0 auto;
+		  grid-column: span 3;
+		  padding-bottom: 10px;
+		}
+
+		.cell {
+		    display: table-cell;
+		    border: 1px;
+		    padding: 8px;
+		        }       
+
+		.cellarmas {
+			display: table-cell;
+			border: 1px;
+			padding: 3px;
+			  }    
+
+		.cellmgn {
+			  	display: table-cell;
+			  	border: 1px solid #000000;
+			  	padding: 3px;
+		  		text-align: center;		
+			  	  }    
+
+		.celllogo {	
+				  	padding: 3px;
+				  	text-align: center;	
+					vertical-align: top;
+				  	  }    
+
+		.cell-encabezado {
+		            display: table-cell;
+		            border: 1px solid #ddd;
+		            padding: 8px;
+		            background-color: black;
+		  			color: white;
+		  			text-align: left;
+		            font-family: Arial, sans-serif;
+		            font-weight: bold;
+		            font-size: 18px;
+		            border-radius: 7px;
+					max-width: 840px;
+		        }
+
+		.cell-encabezado-mgn {
+				            display: table-cell;
+				            border: 1px solid #ddd;
+				            padding: 6px;
+				            background-color: black;
+				  			color: white;
+				  			text-align: center;
+				            font-family: Arial, sans-serif;
+				            font-weight: bold;
+				            font-size: 14px;
+				            border-radius: 7px;
+							max-width: 840px;
+				        }					
+
+
+		input[type='number'].charstat {
+		width: 14px;
+		color: #800080;
+		font-size: 18px;
+		text-align: right;
+		border-radius: 7px;
+		}
+
+		input[type='text'].sheetfield {
+		width: 180px;
+		font-size: 14px;
+		text-align: left;
+		border-radius: 7px;
+		}
+
+		input[type='text'].descriptor {
+		width: 580px;
+		font-size: 14px;
+		text-align: left;
+		border-radius: 7px;
+		}
+
+		button[type=roll].sheet-d6-dice::before {
+		    font-family: 'dicefontd6';
+		    content: 'a';
+		}
+
+
+
+		/* Limitar tamaño de TEXTAREA para la descripción */
+		textarea {
+		  width: 45%;
+		  height: 120px;
+		  padding: 6px 6px;
+		  box-sizing: border-box;
+		  border: 2px solid #ccc;
+		  border-radius: 7px;
+		  font-size: 14px;
+		  resize: none;
+		}
+
+		.expanded {
+		  width: 800px;
+		}
+
+		/* Limitar la anchura de los SELECT numéricos y sus OPTIONS */
+		select.numeric {
+		  width: 60px;
+		}
+
+		option.numeric {
+		  width: 60px;
+		}
+
+		input[type="checkbox"].vitalitybox {
+		   	width: 40px;
+		   	height: 40px;
+		   	appearance: none;
+		   	-webkit-appearance: none;
+		   	-moz-appearance: none;
+		   	background-size: cover;
+		  	border: 1px solid #ccc;
+		  	cursor: pointer;
+		}
+
+		input[type="checkbox"].vitalityboxgray {
+			background-color: #dedede;
+		}
+
+		input[type="checkbox"].vitalitybox-long {
+		   	width: 80px;
+		   	height: 40px;
+		   	appearance: none;
+		   	-webkit-appearance: none;
+		   	-moz-appearance: none;
+		   	background-size: cover;
+		  	border: 1px solid #ccc;
+		  	cursor: pointer;
+		}
+
+		input[type="checkbox"].vitalitybox-long:checked {
+			background-color: black;
+			background-size: cover;
+		}
+
+
+
+		.vita6 {
+			background: url('https://raw.githubusercontent.com/Esculapio0/roll20assets/main/img/d6-face-6tr.png') no-repeat center center;
+		}
+		.vita5 {
+			background: url('https://raw.githubusercontent.com/Esculapio0/roll20assets/main/img/d6-face-5tr.png') no-repeat center center;
+		}
+		.vita4 {
+			background: url('https://raw.githubusercontent.com/Esculapio0/roll20assets/main/img/d6-face-4tr.png') no-repeat center center;
+		}
+		.vita3 {
+			background: url('https://raw.githubusercontent.com/Esculapio0/roll20assets/main/img/d6-face-3tr.png') no-repeat center center;
+		}
+		.vita2 {
+			background: url('https://raw.githubusercontent.com/Esculapio0/roll20assets/main/img/d6-face-2tr.png') no-repeat center center;
+		}
+		.vita1 {
+			background: url('https://raw.githubusercontent.com/Esculapio0/roll20assets/main/img/d6-face-1tr.png') no-repeat center center;
+		}
+
+		.vita12 {
+				background: url('https://raw.githubusercontent.com/Esculapio0/roll20assets/main/img/d6-face-12tr.png') no-repeat center center;	
+		}	
+		.vita34 {
+				background: url('https://raw.githubusercontent.com/Esculapio0/roll20assets/main/img/d6-face-34tr.png') no-repeat center center;	
+		}	
+
+		input[type="checkbox"].vitalitybox:checked {
+			background-color: black;
+			background-size: cover;
+
+		}
+
+
+		/* DICE fonts - d6 faces are a b c d e f */
+
+		/* Dice button appearance */
+		.ui-dialog .tab-content .charsheet button[type=roll].d6-button::before
+
+		{
+		    font-family: "dicefontd6";
+		    content: "f";
+		}
+
+		/* Non-roll button appearance */
+		.ui-dialog .tab-content .charsheet button[type=roll].nonroll-button::before
+
+		{
+		    font-family: "Pictos";
+		    content: "E";
+		}
+
+		/* Initiative button appearance */
+		.ui-dialog .tab-content .charsheet button[type=roll].initiative-button::before
+
+		{
+		    font-family: "Pictos";
+		    content: "9";
+		}
+
+		/* Toggle visibility */
+		.charsheet .sheet-columns {
+		  display: flex;
+		  justify-content: space-between;
+		  width: 400px;
+		}
+		.charsheet .sheet-columns > * {
+		  flex: 1;
+		}
+
+		.charsheet input.sheet-toggle-show:not(:checked) ~ div.sheet-body,
+		.charsheet input.sheet-toggle-hide:checked ~ div.sheet-body {
+		    display: none;
+		}
+