Dragon AGE RPG (PT-BR).css

.charsheet {
    font-family: Arial, Helvetica, sans-serif;
    background-color: white;
    width: 870px;
}

p {
    font-family: Arial, Helvetica, sans-serif;
}

.sheet-colrow {
    margin-top: 15px;
}

.sheet-spacer {
    border-bottom: 1px solid #a8a8a8;
    margin-bottom: 5px;
    margin-top: 2px;
}

.charsheet textarea {
    background: none;
    box-shadow: none;
    font-size: 12px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    resize: none;
    border: none;
}

.charsheet tbody {
   background: none;
}

.charsheet table {
    width: 100%;
    border: 2px solid black;
}

.charsheet td {
   background: none;
}

/* -------------TAB CODE------------- */
div.sheet-tab-content { display: none; }

input.sheet-tab1:checked ~ div.sheet-tab1,
input.sheet-tab2:checked ~ div.sheet-tab2,
input.sheet-tab3:checked ~ div.sheet-tab3,
input.sheet-tab4:checked ~ div.sheet-tab4
{display: block;}

input.sheet-tab {
    width: 150px;
    height: 20px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -1.5px;
    cursor: pointer;
    z-index: 1;
}

input.sheet-tab::before {
    content: attr(title);
    display: inline-block;
    background: #fff;
    border: solid 1px #010101;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 20px;
}

input.sheet-tab:checked::before {
    border-bottom-color: white;
}

input.sheet-tab:not(:first-child)::before {
    border-left: 2px, black;
}

input.sheet-tab2::before {
    background: #ffffff;
}

input.sheet-tab2:checked::before {
    background: white;
    border-bottom-color: none;
}

div.sheet-tab-content {
    border: 15px solid #010101;
    border-top-color: #000;
    margin: 2px 0 0 2px;
    padding: 5px;
}

div.sheet-tab2 {
    background-color: white;
}

/* -------------NAME, BACKGROUND, GENDER, AGE AND APPEARANCE------------- */
.sheet-characterinfotable {
    border: 2px solid black;
    width: 300px;
    margin-bottom: 5px;    
}

.sheet-characterinfotable td {
    border: 2px solid black;
}

.sheet-basicinfotextbox {
    width: 100%;
    background: none;
    border-style:none;
    box-shadow: none;
    border-color: #000000;
    text-align: left;
    font-size:13px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}

.sheet-blackbox {
    border: 2px solid black;
    background-color: black;
    font-weight: none;
    color: white;
    font-size: 12px;
    text-align: left;
    height: 25px;
    padding: 3px;
    font-family: Arial, Helvetica, sans-serif;
}

.sheet-characterfeaturestable {
    border: 2px solid black;
    width: 100%;
    margin-bottom: 5px;    
}

.sheet-blackbox_alternate {
    border: 2px solid black;
    background-color: black;
    font-weight: none;
    color: white;
    font-size: 14px;
    text-align: center;
    padding: 3px;
}

.sheet-featurestextarea {
    width: 97%;
    height: 95px;
}

/* -------------SKILLS------------- */
.sheet-skilltable {
    border: 2px solid black;
    width: 100%;
}

.sheet-skilltable td {
    border: 2px solid black;
}

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

/* input type text */
.sheet-skillvaluebox {
    font-weight: bold;
    background: none;
    border: none;
    box-shadow: none;
    margin: 0px auto 0px auto; 
    text-align: center;
    font-size:50px;
    width: 100%;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
}

/* custom td for skill value in skill */
.sheet-skillvalue {
    width: 90px;
}

/* for textarea */
.sheet-focustextarea {
    width: 97%;
    height: 50px;
    text-align: justify;
}

/* CUSTOM FOCUS CHECKBOX TO CHECK STATE OF THE SKILLFOCUS  */
/* Hide actual radio/checkbox */
.sheet-focuscheck {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

.sheet-focuscheck + span::before
{
    margin-right: 4px;
    border: solid 1px #a8a8a8;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    
    -moz-box-shadow: 0 0 2px #ccc;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    
    background: #f6f6f6;
    background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
    background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
    background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
    background: -o-radial-gradient(#f6f6f6, #dfdfdf);
    background: radial-gradient(#f6f6f6, #dfdfdf);
}

/* Fake checkbox */
.sheet-focuscheck + span::before
{
    content: "";
    width: 14px;
    height: 14px;
    font-size: 12px;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.sheet-focuscheck:checked + span::before
{
    content: "✓";
    color: green;
    font-weight: bold;
}

/* div for textarea(focuses) and focuses checkboxes */
.sheet-focusbox {
    background: none;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-align:center;
    z-index:0;
    position:relative;
}

.sheet-checkerpose {
    background: none;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-align:center;
    padding:0;   
    right: -6px;
    top: 52px;
    z-index: 2;
    position: absolute;
}
.sheet-bananas {
    background: none;
    border: none;
    box-shadow: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-align:center;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    padding: 0;
    margin: 0px auto 0px auto;
    right: 26px;
    z-index: 1;
    position: absolute;
}

.sheet-tagger {
    
}
/* --------- XP, CLASS, LEVEL --------- */

.sheet-xptable {
    border: 2px solid black;
}

.sheet-xptable td {
    border: 2px solid black;
}

.sheet-blackboxlarge {
    border: 2px solid black;
    background-color: black;
    font-weight: none;
    color: white;
    font-size: 14px;
    text-align: center;
    height: 25px;
    padding: 1px;
    font-family: Arial, Helvetica, sans-serif;
}

.sheet-class_and_xptextbox {
    width: 150px;
    background: none;
    border-style:none;
    box-shadow: none;
    border-color: #000000;
    text-align: center;
    font-size:13px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}

/* --------- SECONDARY STATS --------- */
.sheet-2ndstattable {
    border: 2px solid black;
}

.sheet-2ndstattable td {
    border: 2px solid black;
    text-align:center;
}

.sheet-2ndstatbox {
   text-align:center;
}

.sheet-otherinput {
    width: 50px;
    background: none;
    border-style:none;
    box-shadow: none;
    border-color: #000000;
    text-align: center;
    font-size: 16px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}

.sheet-2nd_statstextbox {
    width: 83px;
    background: none;
    border-style:none;
    box-shadow: none;
    border-color: #000000;
    text-align: center;
    font-size: 40px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}

.sheet-armortypetextarea {
    width: 97%;
    background: none;
    border-style:none;
    box-shadow: none;
    border-color: #000000;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}

/* --------- WEAPONS TABLE --------- */
.sheet-container {
    position: relative;
    min-height: 60px;
    border-radius: 0px;
    border: 1px solid black;
    background: none;
    width: 490px;
}

.sheet-weapons-content {
    overflow-y: auto;
    height: 100%;
}

.sheet-weaponscont {
    height: 525px;
    border: 2px solid black;
    position: relative;
}

.sheet-weaponstable {
    border: 2px solid black;
    width: 100%;
}
.sheet-weaponstable td{
    text-align: center;
}

.sheet-blackbox_alternate2 {
    border: 2px solid black;
    background-color: black;
    font-weight: none;
    color: white;
    font-size: 16px;
    text-align: center;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

.sheet-weaponnametext {
    width: 200px;
    background: none;
    border: none;
    border-radius: 0px;
    border-bottom: 2px solid;
    box-shadow: none;
    border-color: #000000;
    text-align: left;
    font-size: 12px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}

.sheet-weaponatacktext {
    width: 60px;
    background: none;
    border: none;
    border-radius: 0px;
    border-bottom: 2px solid;
    box-shadow: none;
    text-align: center;
    font-size: 12px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}

.sheet-weaponrangetext {
    width: 40px;
    background: none;
    border: none;
    border-radius: 0px;
    border-bottom: 2px solid;
    box-shadow: none;
    text-align: center;
    font-size: 12px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}

.sheet-weapondamagetext {
    width: 60px;
    background: none;
    border: none;
    border-bottom: 2px solid;
    border-radius: 0px;
    box-shadow: none;
    text-align: left;
    font-size: 12px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}

.sheet-borderdown {
    border-bottom: 2px solid black;
    font-size: 9px;
}

.sheet-borderall {
    border: 2px solid black;
    font-size: 9px;
}

.sheet-weaponstype {
    height: 30px;
    width: 458px;
    text-align: left;
}

.sheet-weapondetails {
    height: 30px;
    width: 100%;
    text-align: center;
}

/* -------------RANGED WEAPONS SPECS------------- */
.sheet-weaponnametext2 {
    width: 150px;
    background: none;
    border: none;
    box-shadow: none;
    border-color: #000000;
    text-align: left;
    font-size: 12px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}
.sheet-reloadtext {
    height: 100%;
    width: 85px;
    background: none;
    border: none;
    box-shadow: none;
    border-color: #000000;
    text-align: left;
    font-size: 12px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-appearance: none;
}

.sheet-weaponspecs {
    width: 231px;
    height: 100%;
    text-align: left;
    font-size: 12px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}
/* -------------AMMO COUNTER------------- */
.sheet-ammotable td {
    border: 2px solid black;
}

.sheet-ammotext {
    width: 100%;
    background: none;
    border: none;
    box-shadow: none;
    text-align: center;
    font-size: 20px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}
.sheet-ammotypetext {
    width: 100%;
    background: none;
    border: none;
    box-shadow: none;
    text-align: left;
    font-size: 20px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}

/* -------------SPELLS, CLASSPOWERS AND TALENTS------------- */
.sheet-circularhome {
    width:100%;
    height:100%;
    z-index:1;
    position:relative;
}

.sheet-circulartextbox {
   background: none;
   border: none;
   width: 70px;
   height: 70px;
   background-image: url('http://i.imgur.com/pEjJcho.png'); 
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   text-align:center;
   padding:0;   
   right: -10px;
   top: -33px;
   z-index:2;
   position: absolute;
}

.sheet-circulartext {
    font-weight: bold;
    background: none;
    border: none;
    box-shadow: none;
    margin: 0px auto 0px auto; 
    text-align: center;
    font-size:24px;
    width: 70px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    padding:0;
    vertical-align: middle;
    position:absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.sheet-circularp {
    font-weight: bold;
    background: none;
    border: none;
    box-shadow: none;
    margin: 0px auto 0px auto; 
    text-align: center;
    font-size:14px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    padding:0;
    position:absolute;
    left: 50%;
    top: 110%;
    transform: translate(-50%,-50%);
}

.sheet-spellbox {
   width: 100%;
   height: 100%;
   border: 2px solid black;
}

.sheet-powerstext {
    width: 475px;
    height: 150px;
    text-align: left;
}

/*------------------------ GRIMOIRE TAB CODES ------------------------*/
.sheet-spelltable td {
    border: 2px solid black;
}
.sheet-spelltable {
    border: 2px solid black;
    width: 100%;
}

.sheet-spelltext {
    width:110px;
    background: none;
    border: none;
    box-shadow: none;
    text-align: left;
    font-size: 14px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    padding:0;
}
.sheet-spellselect {
    width: 100%;
    font-size: 12px;
    background: none;
    border: none;
    box-shadow: none;
    text-align: left;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-appearance: none;
    padding:0;
}
.sheet-spellselect2 {
    width: 90px;
    font-size: 12px;
    background: none;
    border: none;
    box-shadow: none;
    text-align: left;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-appearance: none;
    padding:0;
}
.sheet-manatext {
    width: 45px;
    font-size: 12px;
    background: none;
    border: none;
    box-shadow: none;
    text-align: left;
    font-size: 14px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    padding:0;
}
.sheet-timetext {
    width:100px;
    font-size:12px;
    border: none;
    box-shadow: none;
    text-align: left;
    font-size: 14px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    padding:0;
}
.sheet-natext {
    width:30px;
    font-size:12px;
    background: none;
    border: none;
    box-shadow: none;
    text-align: left;
    font-size: 14px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    padding:0;
}
.sheet-vstext {
    width:100%;
    font-size:10px;
    background: none;
    border: none;
    box-shadow: none;
    text-align: left;
    font-size: 14px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    padding:0;
}
.sheet-spelltext {
    width:100%;
    height: 40px;
}
/*------------------------ EQUIPS AND BACKGROUND TAB CODES ------------------------*/
.sheet-talent {
    height: 360px;
    position: relative;
}

.sheet-lefter {
    margin-left: 10px;
}

/* ------------- FAMILY AND TIES, LANGUAGE ------------- */
.sheet-general {
    width: 97%;
}

.sheet-concepttext {
    height: 160px;
    width: 100%;
}

.sheet-goalstextsmall {
    height: 70px;
}

.sheet-goalstext {
    height: 260px;
}

.sheet-tiestext {
    height: 110px;
}

/* ------------- INVENTORY ------------- */
.sheet-section {
    position: relative;
    min-height: 30px;
    border-radius: 0px;
    border: 2px solid black;
    background: none;
}

.sheet-inventory {
    height: 550px;
    border: 2px solid black;
    padding-bottom: 35px;
    position: relative;
}

.sheet-inventory-content {
    overflow-y: auto;
    height: 100%;
}

.sheet-InventoryName {
    border: none;
    width: 100%;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: none;
}
.sheet-InventoryAmount {
    border: none;
    width: 50px;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: none;
}

.sheet-invTable td {
    border: 2px solid black;
}

.sheet-circularmoney {
   background: none;
   border: none;
   width: 70px;
   height: 70px;
   background-image: url('http://i.imgur.com/pEjJcho.png'); 
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   text-align:center;
}
.sheet-circularmoneytext {
    width: 65px;
    background: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    border-color: black;
    text-align: center;
    font-size: 15px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}
/*------------------------ TALENTS TAB CODES ------------------------*/
.sheet-talenttext {
    width:300px;
    background: none;
    border: none;
    box-shadow: none;
    text-align: left;
    font-size: 20px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    padding:0;
}
.sheet-talentnumber {
    background: none;
    border: 2px solid black;
    box-shadow: none;
    text-align: center;
    font-size: 20px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    padding:0;
}
.sheet-talentselect {
     width: 100%;
    font-size: 15px;
    background: none;
    border: none;
    box-shadow: none;
    text-align: left;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-appearance: none;
    padding:0;
}
.sheet-talentarea {
    width:100%;
    height: 40px;
}