.sheet-tracker { position: absolute; left: 855px; } .sheet-hidden { display: none; } .sheet-shot_display { text-align:center; border:1px dotted black; border-radius:5px; background: transparent; box-shadow:none; position: relative; left:-20px; color:black; } .sheet-shot_display[type=number]::-webkit-outer-spin-button, .sheet-shot_display[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .sheet-shot_display[type=number] { -moz-appearance:textfield; } /*-----background-----*/ .charsheet { background: white; background-size:100%; } .sheet-banner { background: url('http://www.atlas-games.com/images/FS2-logo_400px.png'); background-size: 40%; background-repeat: no-repeat; background-position: left top; } .sheet-banner-content { margin: 0 auto; padding: 100px; } /* ----- Fonts ----- @font-face { font-family: 'Bonzai'; src: url('http://www.geeksville.us/fonts/Coal/ChowFun.ttf'); font-weight: normal; font-style: normal; } , h1, h2, h3, h4, h5, h6 { font-family: 'Bonzai'; } */ /*-----Tabs-----*/ div.sheet-core-content { display: block; width:840px; } .charsheet div[class^="sheet-section"] { display: block; background: url(''); background-size:100%; padding-left:10px; padding-right:30px; padding-top:10px; padding-bottom:10px; } .charsheet input.sheet-tab { width: 100px; height: 40px; cursor: pointer; position: relative; opacity: 0; z-index: 9999; margin-bottom:10px; } .charsheet span.sheet-tab { text-align: center; display: inline-block; font-size: 20px; font-family: ''; background: white; color: red; font-weight: bold; border-radius: 4px; font-family: 'Bonzai'; width: 100px; /*originally 87px*/ height: 40px; /*originally 20px*/ cursor: pointer; position: relative; vertical-align: middle; margin-left: -101px;/*originally 91px*/ text-shadow: none; border:2px solid black; } .charsheet input.sheet-tab2 + span.sheet-tab2, .charsheet input.sheet-tab5 + span.sheet-tab5 { font-size: 15px; } .charsheet span.sheet-tab99 { background: white; color: green; font-weight: bold; border-radius: 4px; border:2px solid green; } .charsheet input.sheet-tab3:hover + span.sheet-tab3 { background: url('http://www.bikebam.com/bam3.png'); background-repeat:no-repeat; background-size: 100px 50px; background-position: center center; content:''; border:2px solid transparent; color:transparent; } /*----------- End Tab Setup -----------*/ .sheet-hidden { display:none; } /*----------- tables -----------*/ table.sheet-outlinetable { margin-left:auto; margin-right:auto; width:100%; } table.sheet-outlinetable th.sheet-right, table.sheet-outlinetable td.sheet-right { border-top: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; } table.sheet-outlinetable th.sheet-left, table.sheet-outlinetable td.sheet-left { border-top: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black; } table.sheet-outlinetable-right { margin-left:auto; } table.sheet-outlinetable-right th.sheet-right, table.sheet-outlinetable-right td.sheet-right { border-top: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; } table.sheet-outlinetable-right th.sheet-left, table.sheet-outlinetable-right td.sheet-left { border-top: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black; } /* ----Attribute Formatting --- */ input[type="text"] { background:transparent; box-shadow:none; text-align:left; color:black; font-size:1em; font-weight:400; } .sheet-textBoxArea { border: 1px #990000 solid; margin-bottom: 5px; } .sheet-textBoxAreaMin { width: 60%; } .sheet-boxHeader { color: #fff; background-color: #990000; width: 100%; } .sheet-boxHeaderText { padding-left: 8px; font-weight: bold; color: #fff; } .sheet-textarea{ width: 97% } .sheet-heading { border: none; width: 100%; } .sheet-attrTable { margin-top: 15px; margin-left: auto; margin-right: auto; padding: 10px; background-color: #990000; text-align: center; width: 50% } .sheet-attrRow { padding-bottom: 10px; } .sheet-attrHeader { color: #fff; font-size: 14pt; font-weight: bold; } .sheet-headerMin.sheet-attrHeader{ font-size: 10pt; } .sheet-attrValue { padding-top: 3px; } .sheet-attrHeader input[type="text"]{ background-color: #fff; width: 80%; margin: auto; text-align: center; } .sheet-WCSkillsRow { padding-left: 5px; } .sheet-untrainedSkill { font-weight: bold; padding-right: 103px; padding-left: 5px; } .sheet-WCschticksRow { padding: 5px; border-bottom: 1px #990000 solid; } input.sheet-schtickName { width:152px; font-size: 13px; font-weight: bold; } .sheet-schtickType { margin-top: 10px; width: 175px; } input.sheet-skillName { width:152px; font-size: 13px; font-weight: bold; } /*------Weapon Section-------*/ .sheet-weaponSection { background-color: #990000; text-align:center; width: 70%; margin-top: 15px; margin-left: auto; margin-right: auto; padding: 5px; } .sheet-weaponHeader { color: #fff; font-size: 14pt; font-weight: bold; padding-bottom: 5px; } .sheet-weaponRow { padding-bottom: 10px; } input.sheet-weaponName{ background-color: #fff; width:50%; } input.sheet-weaponStats{ background-color: #fff; width: 20%; } input.sheet-weaponSpecial{ background-color: #fff; width: 25%; } /*------Wound Section-----*/ .sheet-woundArea { background-color: #900; width: 100%; height: 50px; } /*-----radio boxes-----*/ /* -----Remove dot from all radios _after_ selected one----- */ input.sheet-normal[type="radio"]:checked ~ input.sheet-normal[type="radio"] { content: ""; } /*------------empty traits-----------*/ input.sheet-zero[type="radio"]:checked + span::before { opacity: 0; } input.sheet-zero[type="radio"]:hover + span::before { opacity: 1; } input.sheet-zero[type="radio"] + span::before { font-size: 12px; content: "?"; opacity: 0.25; } /*========== sheet arrow ==========*/ /* ----Hide actual sheet-arrow checkbox---- */ input.sheet-arrow[type="checkbox"] { opacity: 0; width: 16px; height: 16px; position: relative; top: 5px; left: 6px; margin: -10px; cursor: pointer; z-index: 1; } /* -----Fake sheet-arrow checkbox----- */ input.sheet-arrow[type="checkbox"] + span::before { margin-right: 4px; line-height: 14px; text-align: center; display: inline-block; vertical-align: middle; float: left; content: "►"; width: 14px; height: 14px; font-size: 12px; } input.sheet-arrow[type="checkbox"]:checked + span::before { content: "▼"; } /* -----Hiding areas with sheet-arrow ----- */ input.sheet-arrow { float: left; } input.sheet-arrow:checked ~ div.sheet-body { display: block; } div.sheet-body { display: none; } /* -------------------- Roll Templates -------------------- */ .sheet-rolltemplate-show table { width: 189px; padding: 1px; border: 1px solid; background-color: #ffffff; } .sheet-rolltemplate-show th { color: rgb(126, 45, 64); padding-left: 5px; line-height: 1.3em; font-size: 1.2em; text-align: left; font-family: "Times New Roman", Times, serif; font-variant: small-caps; } .sheet-rolltemplate-show td { padding-left: 5px; } .sheet-rolltemplate-magicshow table { width: 189px; padding: 1px; border: 1px solid; background-color: #ffffff; } .sheet-rolltemplate-magicshow th { color: #2d7e6b; padding-left: 5px; line-height: 1.3em; font-size: 1.2em; text-align: left; font-family: "Times New Roman", Times, serif; font-variant: small-caps; } .sheet-rolltemplate-magicshow td { padding-left: 5px; }