roll20-character-sheets/Mutant Year Zero Alternative/MutantYearZeroAlternative.css

/* -------------------------------------
Sheet Tabs 
(Shamelessly stolen from the EOTE sheet)
(Seriously, saved my bacon <3<3<3)
------------------------------------- */

div.sheet-tab-content { 
   display: none; 
   border-top:1px solid #ffffff;
   margin-top:2px;
}

button[type="action"] {
  font-size: 0.9em;
  font-weight: bold;
  margin: 0.5% 0.1%;
}

button[type="roll"]:before {
  content: "L" !important;
  font-family: "dicefontd6" !important;
}

input.sheet-textinput-skills.sheet-skill-input {
    width:200px;
}

input.sheet-tab-character-sheet:checked ~ div.sheet-tab-character-sheet,
input.sheet-tab-ark-sheet:checked ~ div.sheet-tab-ark-sheet,
{                                 
   display: block;
}

input.sheet-tab {
   width: 162px;
   height: 30px;
   -webkit-appearance:none;
   -moz-appearance:none;
   appearance:none;
   border:none;
   outline:none;
   position: relative;
   cursor: pointer;
   z-index: 1;
}

input.sheet-tab::before {
   content: attr(title);

   border:1px solid #ccc;
   border-bottom:1px solid #444;
   border-radius:4px 4px 0 0;
   padding-bottom:1px;
   sheet-text-align: center;
   display: block;
   color:#444;
   width: 160px;
   line-height: 30px;
   font-size: 16px;
   text-align:center
}


input.sheet-tab:active,
input.sheet-tab:focus {
   outline:none;
}

input.sheet-tab:hover::before {
   background:#e3e3e3;
}

input.sheet-tab:checked::before,
input.sheet-tab:checked:hover::before {
   border:1px solid #444;
   border-bottom:1px solid #fff;
   background:#fff;
}

/* -----
Inputs 
----- */

/* General */

input[type='radio']{ 
   margin: 6px;  
}

input[type='text'] {
   margin-left:5px;
   margin-top:3px;
   margin-bottom:3px;
}

input[type='number']{
  background-color:#f6eadc;
   margin-top:3px;
   margin-bottom:3px;
   font-weight:bolder;
}

textarea {
   resize:vertical;
}

select {
   width:120px;
   background-color:#f6eadc;
   margin:0;
   padding:0;
   
}

/* Type Number */

.sheet-value {
   background-color:#ECD3B6;
}

.sheet-value-brighter {
   background-color:#f6eadc;
}

.sheet-value-singledigit {
   width:36px !important;
}

.sheet-value-doubledigit {
   width:39px !important;
}

.sheet-value-tripedigit {
   width:50px !important;
}


/* Type Text */

.sheet-textinput-name {
   width: 300px;
}

.sheet-textinput-role {
   width: 80%;
}

.sheet-textinput-skills {
   width: 240px;
}

.sheet-textinput-conditions-mutations-talents {
   width: 285px;
}

.sheet-textinput-armor {
   width: 240px;
}

.sheet-textinput-gear {
   width: 280px;
}

.sheet-textinput-weapons {
   width: 175px;
}

.sheet-textinput-goals {
   width: 495px;
}

.sheet-textinput-pcs {
   width: 505px;
}

.sheet-textinput-arktype {
   width: 300px;
}

.sheet-textinput-coordinates {
   width: 170px;
}

.sheet-textinput-project {
   width: 250px;
}

.sheet-textinput-boss-name {
   width: 240px;
}

.sheet-textinput-boss-type {
   width: 353px;
}

.sheet-textinput-other-info {
   width: 195px;
}

/* Text Area */

.sheet-text-apperance {
   background-color:#f6eadc;
   margin-left: 5px;
   margin-bottom: 5px;
   margin-top: 5px; 
   width: 269px;
   height:46px;
}

.sheet-text-talentmutations {
   background-color:#ECD3B6;
   margin-left: 5px;
   margin-bottom: 5px;
   margin-top: 5px; 
   width: 269px;
   height:40px;
}

.sheet-text-ark-description {
   background-color:#f6eadc;
   margin-left: 5px;
   margin-bottom: 5px;
   margin-top: 5px; 
   width: 589px;
   height:90px;
}

/* ----------------------
Headers, labels and texts
------------------------*/

.sheet-text-header {
   text-align: left;
color: white;
   font-family: fantasy, Impact, Charcoal, sans-serif;
   font-size:large;
   text-indent: 10px;
   height: 30px;
}

.sheet-text-header-smaller {
   text-align: left;
color: white;
   font-family: fantasy, Impact, Charcoal, sans-serif;
   font-size:12;
   text-indent: 6px;
   height: 30px;
}

.sheet-text-stats {
   text-align: left;
   color: black;
   font-family: Tahoma, Geneva, sans-serif;
   font-size:15;
   padding-left:5px;
}

.sheet-text-label {
   text-align: left;
   color: black;
   font-family: Arial, Helvetica, sans-serif;
   font-size:12;
   padding-left:5px;
   padding-top: 5px;
   padding-bottom: 5px;
}

/* ---------
Meta Windows
--------- */
.sheet-character-wrapper{
     width:940px; 
}

.sheet-meta1 {
     float:left;
     padding-right:20px;
}

.sheet-meta2 {
     float:left;
     padding-bottom:20px;
     padding-right:20px; 
}

.sheet-meta3 {
     float:left; 
     padding-bottom:20px;     
}

.sheet-meta4 {
     float:left;      
}

.sheet-meta5 {
     float:left;
     padding-bottom:20px;      
}

.sheet-meta6 {
     float:left;      
}

/* ------
Both Tabs
------ */

.sheet-logo { 
   width:950px;
}

img[alt="MUTANT YEAR ZERO"] {
  position: relative;
  top: -40px;
  margin-bottom: -35px;
  width: 20%;
}

/* ------------
Character Sheet
------------ */


.sheet-singlecell {
   width: 300px;
}

.sheet-singlecell-bottompadding {
   width: 300px;  
   padding-bottom: 1%; 
}

.sheet-twocell-bottompadding {
   width: 620px; 
   padding-bottom: 1%;
}

.sheet-name-role {
   width: 620px;
   float: left; 
   padding-bottom: 1%;        
}

.sheet-relationships {
   width: 620px;
}

.sheet-right-roll {
    float:right;
}

/* ------
Ark Sheet 
------ */

.sheet-theark {
   width: 620px; 
   padding-right: 20px;
   float:left;
}

.sheet-developmentlevels {
   width: 300px;
   float:left;
}

.sheet-projects {
   width: 940px;
   float:left;
   padding-bottom: 20px;
}

.sheet-bosses {
   width: 620px;
   float:left;
   padding-right: 20px;
}

.sheet-otherinfo {
   width: 300px;
   float:left;
}

/* -------
Row Colors 
------- */

.sheet-row-dark {
   background-color:#D58E43;
}

.sheet-row-light {
   background-color:#ECD3B6;
}

/* --------- 
Table Styles 
--------- */

table {
  border-collapse:collapse;
}

table, th, td {
  border: 1px solid black;
}

.sheet-table-onecolumn{
   width:300px;
}

.sheet-table-twocolumn{
   width:620px;
}

.sheet-table-threecolumn{
   width:940px;
}

.sheet-table-noleft{
   border-left:none;
}

.sheet-table-noright{
   border-right:none;
}

.sheet-table-noleftright{
   border-right:none;
   border-left:none;
}

.sheet-table-notop{
   border-top:none;
}

input[name*="attr_population"][type="text"] {
  width: 35%;
  text-align: center;
}

input[name="attr_mutation"][value="0"] ~ button[name="act_mutation_0"],
input[name="attr_mutation"][value="1"] ~ button[name="act_mutation_1"],
input[name="attr_mutation"][value="2"] ~ button[name="act_mutation_2"],
input[name="attr_mutation"][value="3"] ~ button[name="act_mutation_3"],
input[name="attr_mutation"][value="4"] ~ button[name="act_mutation_4"],
input[name="attr_mutation"][value="5"] ~ button[name="act_mutation_5"],
input[name="attr_mutation"][value="6"] ~ button[name="act_mutation_6"],
input[name="attr_mutation"][value="7"] ~ button[name="act_mutation_7"],
input[name="attr_mutation"][value="8"] ~ button[name="act_mutation_8"],
input[name="attr_mutation"][value="9"] ~ button[name="act_mutation_9"],
input[name="attr_mutation"][value="10"] ~ button[name="act_mutation_10"],
input[name="attr_rot"][value="0"] ~ button[name="act_rot_0"],
input[name="attr_rot"][value="1"] ~ button[name="act_rot_1"],
input[name="attr_rot"][value="2"] ~ button[name="act_rot_2"],
input[name="attr_rot"][value="3"] ~ button[name="act_rot_3"],
input[name="attr_rot"][value="4"] ~ button[name="act_rot_4"],
input[name="attr_rot"][value="5"] ~ button[name="act_rot_5"],
input[name="attr_rot"][value="6"] ~ button[name="act_rot_6"],
input[name="attr_rot"][value="7"] ~ button[name="act_rot_7"],
input[name="attr_rot"][value="8"] ~ button[name="act_rot_8"],
input[name="attr_rot"][value="9"] ~ button[name="act_rot_9"],
input[name="attr_rot"][value="10"] ~ button[name="act_rot_10"],
input[name="attr_exp"][value="0"] ~ button[name="act_exp_0"],
input[name="attr_exp"][value="1"] ~ button[name="act_exp_1"],
input[name="attr_exp"][value="2"] ~ button[name="act_exp_2"],
input[name="attr_exp"][value="3"] ~ button[name="act_exp_3"],
input[name="attr_exp"][value="4"] ~ button[name="act_exp_4"],
input[name="attr_exp"][value="5"] ~ button[name="act_exp_5"],
input[name="attr_exp"][value="6"] ~ button[name="act_exp_6"],
input[name="attr_exp"][value="7"] ~ button[name="act_exp_7"],
input[name="attr_exp"][value="8"] ~ button[name="act_exp_8"],
input[name="attr_exp"][value="9"] ~ button[name="act_exp_9"],
input[name="attr_exp"][value="10"] ~ button[name="act_exp_10"]  {
  background-color: #3a2d1d;
  color: #fff;
}