Files
roll20-character-sheets-tester/The ADVANCED Pandemonium/the_ADVANCED_Pandemonium.css
T
2018-09-04 14:20:28 -04:00

1084 lines
18 KiB
CSS

.charsheet {
min-width: 828px;
max-width: 828px;
vertical-align:middle;
color:#091623;
font-family:"Lucida Fax";
margin-top:-5px;
font-size:14pt;
background-image: url("http://imgur.com/Z4ti7rM.png");
}
.charsheet input {
background : rgba(7, 16, 25, 0);
border-bottom: 1px solid black;
border-top:0px;
border-left:0px;
border-right:0px;
outline:none;
padding-bottom:2px;
vertical-align:top;
font-weight: bold;
max-height:20px;
color: black;
font-size:14pt;
}
.sheet-aggr {
font-size:8pt;
width:28px;
border-color:#85D6FF;
background:#009dcd4d;
color:#85D6FF;
text-align:center;
font-size:10pt;
}
.sheet-hidden {
background : rgba(7, 16, 25, 0);
border-bottom: 1px solid black;
border-top:0px;
border-left:0px;
border-right:0px;
outline:none;
margin-top:5px;
padding-top:6px;
padding-bottom:0px;
vertical-align:top;
font-weight: bold;
color: black;
font-size:14pt;
}
.sheet-centered {
text-align: center;
}
.sheet-fullWidth {
min-width: 825px;
max-width: 825px;
}
.sheet-characterInfo{
position: relative;
left: 7px;
}
.sheet-logo {
width: 838px;
margin: 4px 4px;
float: center;
margin-bottom: -15px;
margin-top:-10px;
position: relative;
right: 5px;
left: 16.5%;
max-width: 65%
}
.sheet-mainStats {
position:relative;
left: 7px;
min-width: 825px;
max-width: 825px;
}
.sheet-textRight {
text-align: right;
}
.sheet-check-off {
background-color: #E3E3E3;
border: 1px solid black;
width: 25px !important;
height: 25px !important;
}
.sheet-stressAmount, .sheet-woundsAmount {
text-align:center;
width:18px;
}
.sheet-statBox {
width:95%;
border:1px solid black;
}
.sheet-left {
float:left;
}
.sheet-right {
float:right;
}
.sheet-center {
float:center;
text-align:right;
}
.sheet-column {
float: left;
width: 170px;
}
.sheet-mainStats, .sheet-warSlots, .sheet-restOfPageOne:after {
content: "";
display: table;
clear: both;
}
.sheet-header {
min-height:16px;
max-height:16px;
padding-top:1px;
padding-right: 1px;
padding-bottom:3px;
background: #091623;
color: #85D6FF;
font-weight: bold;
font-size:16px !important;
vertical-align:middle;
font-family:Stencil;
}
.sheet-smallHeader {
font-size:12pt !important;
text-align:center;
margin-bottom:-8px;
font-family:Stencil;
}
.sheet-smallHeader2 {
font-size:10pt !important;
margin:0px;
text-align:center;
margin-bottom:-8px;
font-family:Stencil;
}
.sheet-smallHeader3 {
font-size:8pt !important;
margin:0px;
text-align:center;
margin-bottom:-8px;
font-family:Stencil;
}
.sheet-smallHeader4 {
font-size:9.5pt !important;
margin:0px;
text-align:center;
margin-bottom:-8px;
font-family:Stencil;
}
.sheet-boxHeader {
font-size:10pt !important;
vertical-align:middle;
margin:-2px;
text-align:center;
width:90px;
min-height:30px !important;
font-family:Stencil;
}
.sheet-tinyHeader2 {
font-size:9pt !important;
margin:0px;
margin-bottom:-8px !important;
text-align:center;
font-family:Stencil;
}
.sheet-tinyHeader3 {
font-size:7.3pt !important;
margin:0px;
margin-bottom:-8px !important;
text-align:center;
font-family:Stencil;
}
.sheet-tinyHeader4 {
font-size:6pt !important;
margin:0px;
margin-bottom:-8px !important;
text-align:center;
font-family:Stencil;
}
.sheet-tinyHeader {
font-size:6pt !important;
margin:0px;
margin-bottom:-8px !important;
text-align:center;
font-family:Stencil;
}
.sheet-current, .sheet-max, .sheet-bonusRunes {
margin-left:2px;
text-align:center;
font-size:22pt;
max-width:40%;
margin-top:27px;
margin-bottom:28px;
max-height: 45px !important;
}
.sheet-currentWeight, .sheet-maxWeight {
margin-left:2px;
text-align:center;
font-size:10pt;
max-width:40%;
margin-top:13px;
margin-bottom:15px;
max-height: 45px !important;
}
.sheet-bonusRunes {
min-width:84px;
max-width:84px;
margin-top:38px !important;
margin-bottom:24px !important;
}
.sheet-shieldingName, .sheet-staminaName, .sheet-mitigationName {
text-align:center;
font-size:11pt !important;
max-width:164px;
}
.sheet-leftColumn {
margin-right:40px;
margin-left:10px;
}
.sheet-rightColumn {
margin-left:40px;
margin-right:10px;
}
.sheet-columnSeperator {
margin-right:25px;
}
.sheet-largeColumn {
float:left;
width:400px;
margin-right:5px;
margin-left:10px;
}
.sheet-passiveColumn {
float:left;
width:293px;
margin-right:20px;
margin-left:10px;
}
.sheet-mediumColumn {
float:left;
width:220px;
margin-right:10px;
margin-left:5px;
}
.sheet-smallColumn {
float:left;
width:90px;
margin-right:5px;
margin-left:20px;
}
.sheet-activeColumn {
float:left;
width:390px;
margin-right:5px;
margin-left:20px;
}
.sheet-marginReset {
margin-right: 2px !important;
margin-left: 2px !important;
margin-top: 4px !important;
}
.sheet-restOfPageOne {
font-size:8pt;
}
.sheet-passiveName, .sheet-passiveRunes {
font-weight:bold;
font-size:9pt;
width:252px;
margin:1px;
}
.sheet-activeName {
font-weight:bold;
font-size:9pt;
width:140px;
margin:1px;
}
.sheet-activeType {
font-size:7pt !important;
padding-left:1px !important;
padding-right:1px !important;
width:70px !important;
}
.sheet-activeDamage {
font-size:7pt !important;
padding-left:1px !important;
padding-right:1px !important;
margin-top:-8.2px !important;
width:60px !important;
}
.sheet-activeEndurance, .sheet-activeDamageV, .sheet-activePiercing {
text-align:center;
font-size:9pt;
width:35px;
margin-left:5px;
margin-right:15px;
}
.sheet-activeOffence {
text-align:center;
margin-top:5px;
font-size:9pt;
width:34px;
}
.sheet-activeOffence::placeholder {
font-size:7pt;
}
.sheet-activeResistance, .sheet-activeMitigation, .sheet-activeDefence {
text-align:center;
font-size:9pt;
width:24px;
}
.sheet-activeRange {
margin-left:5px;
text-align:center;
font-size:9pt;
width:80px;
}
.sheet-activeDuration {
text-align:center;
font-size:9pt;
width:60px;
}
.sheet-passiveRunes {
font-size:8pt !important;
}
.sheet-activeRunes {
font-size:8pt !important;
width:313px !important;
}
.sheet-minMargin {
margin:1px;
margin-top:-2px;
}
.sheet-passiveDescription, .sheet-activeDescription {
overflow:hidden;
margin-top:2px;
margin-bottom: 0px;
font-weight:bold;
font-size:8pt;
padding-top:1px;
padding-bottom:1px;
line-height:13px;
min-width:280px;
max-width:280px;
min-height:52px;
max-height:52px;
resize:none;
border:0px;
background:rgba(7, 16, 25, 0.1);
border-bottom:1px solid black;
}
.sheet-activeDescription2 {
overflow:hidden;
margin-top:2px;
margin-bottom: 0px;
font-weight:bold;
font-size:8pt;
padding:1px;
line-height:13px;
min-width:382px;
max-width:382px;
min-height:65px;
max-height:65px;
resize:none;
border:0px;
background:rgba(7, 16, 25, 0.1);
border-bottom:1px solid black;
}
.sheet-blessingDescription {
overflow:hidden;
margin-top:-4px;
margin-bottom: 0px;
font-weight:bold;
font-size:7pt;
padding-top:1px;
padding-bottom:1px;
line-height:13px;
min-width:340px;
max-width:340px;
min-height:26px;
max-height:26px;
resize:none;
border:0px;
background:rgba(7, 16, 25, 0.1);
border-bottom:1px solid black;
}
.sheet-blessingName {
position:relative;
font-size:8.9pt;
top:-13px;
width:160px;
}
.sheet-gearDescription {
overflow:hidden;
float:left;
margin-top:2px;
margin-bottom: 0px;
font-weight:bold;
font-size:7pt;
padding-top:1px;
padding-bottom:1px;
line-height:13px;
min-width:125px;
max-width:125px;
min-height:26px;
max-height:26px;
resize:none;
border:0px;
background:rgba(7, 16, 25, 0.1);
border-bottom:1px solid black;
margin-right:2px;
position:relative;
}
.sheet-gearWeight {
margin-right:4px;
float:left;
position:relative;
font-size:6pt;
top:7px;
width:36px;
}
.sheet-gearDescription2 {
overflow:hidden;
float:left;
margin-top:6px;
margin-bottom: 0px;
font-weight:bold;
font-size:7pt;
padding-top:1px;
padding-bottom:1px;
line-height:10px;
min-width:125px;
max-width:125px;
min-height:32px;
max-height:32px;
resize:none;
border:0px;
background:rgba(7, 16, 25, 0.1);
border-bottom:1px solid black;
margin-right:2px;
position:relative;
}
.sheet-gearWeight2 {
margin-right:4px;
float:left;
position:relative;
font-size:6pt;
top:10px;
width:36px;
}
.sheet-restGear {
position:relative;
top:-30px;
}
.sheet-activeAOEText {
position:relative;
top:6px;
text-align:center;
width:100px;
font-size:8pt;
padding-top:10px;
margin-bottom:-10px;
}
.sheet-activeAOE {
text-align:center;
position:relative;
top:5px;
font-size:8pt;
width:96px;
}
.sheet-passiveDefence, .sheet-passiveMitigation, .sheet-passiveResistance {
font-weight:bold;
font-size:10pt;
text-align:center;
width:30px;
margin-left:5px;
margin-right:8px;
}
.sheet-passiveMitigationBox {
margin-top:10px;
float:left;
height:48px;
width:48px;
}
.sheet-mitigationBox {
text-align:center;
margin-left:4px;
margin-top:12px;
width:40px;
}
.sheet-combatBox {
text-align:center;
float:left;
margin-left:0px;
height:50px;
width:50px;
padding-bottom:5px;
}
.sheet-combatBoxBig {
text-align:center;
float:left;
margin-left:0px;
margin-top:4px;
height:50px;
width:77.5px;
padding-bottom:5px;
}
.sheet-movementBoxBig {
text-align:center;
float:left;
margin-left:0px;
margin-top:10px;
height:50px;
width:77.5px;
padding-bottom:5px;
}
.sheet-mitigationColumn {
margin-top:7px;
height:118px
}
.sheet-powerColumn {
margin-top:4px;
height:131px
}
.sheet-fluxColumn {
margin-top:6px;
height:140px
}
.sheet-combatColumn {
margin-top:6px;
height:120px
}
.sheet-manoeuvreColumn {
margin-top:7px;
height:82px
}
.sheet-piercingColumn {
margin-top:7px;
}
.sheet-mitigationTotalBox {
height:53px;
margin-left:6px;
margin-top:48px;
}
.sheet-slotTextCorrection {
margin-top:-20px;
}
.sheet-combatInfoBox {
text-align:center;
margin-top:15px;
width:40px;
}
.sheet-combatInfoBox2 {
text-align:center;
margin-top:2px;
width:40px;
margin-left:18px;
}
.sheet-combatInfoBoxSmall {
text-align:center;
margin-top:15px;
width:40px;
}
.sheet-fluxAmount {
position:relative;
left:60px;
top:55px;
width:40px;
text-align:center;
font-weight:bold;
font-size:20pt;
max-height:45px;
}
.sheet-flux1 {
position:relative;
top:10px;
left:24px;
}
.sheet-flux2 {
position:relative;
top:40px;
left:55px;
}
.sheet-flux3 {
position:relative;
top:95px;
left:5px;
}
.sheet-flux4 {
position:relative;
top:95px;
left:-100px;
}
.sheet-flux5 {
position:relative;
top:14px;
left:12px;
}
.sheet-proficiencyColumn {
text-align:center;
}
.sheet-proficiencies {
margin-bottom:5px;
margin-top:0px;
}
.sheet-proficiencyBoxName {
font-size:9pt;
text-align:left;
font-weight:bold;
max-height:1px;
width:113px;
}
.sheet-proficiencyBoxRank {
font-size:9pt;
text-align:center;
min-height:19px;
max-height:19px;
width:30px;
margin-right:10px;
}
.sheet-proficiencyBoxTotal {
font-size:9pt;
text-align:center;
min-height:19px;
max-height:19px;
width:30px;
margin-right:6px;
}
.sheet-proficiencyBoxRoll {
padding:0px !important;
line-height:15px !important;
text-align:center;
min-height:19px;
max-height:19px;
width:18px;
font-size:8.5pt !important;
position:relative;
top:5px;
}
.sheet-proficiencyBorder {
border:1px solid black;
height:712px;
}
.sheet-powers {
position:relative;
Width:395px;
height:268px;
}
.sheet-powerPointsBoxExtra {
margin-left:12px;
margin-bottom:3px;
margin-right:10px;
text-align:center;
width:30px;
}
.sheet-powerPointsBox {
margin-bottom:3px;
text-align:center;
width:40px;
}
.sheet-powerPoints {
width:120px;
}
.sheet-powerPointsBorder {
border:1px solid black;
}
.sheet-powerName {
font-weight:bold;
font-size:8pt !important;
width:150px;
}
.sheet-powerNameBox {
font-weight:bold;
font-size:9pt !important;
width:145px;
}
.sheet-powerSeperator {
float:left;
position:absolute;
border:1px solid black;
width:50px;
height:50px ;
}
.sheet-powerRank {
font-weight:bold;
width:60px;
}
/* Tabs */
input.sheet-tab1:not(:checked) ~ div.sheet-section-main,
input.sheet-tab2:not(:checked) ~ div.sheet-section-info {
display:none;
}
/*this shows the tab content when the appropriate input field is selected*/
input.sheet-tab1:checked ~ div.sheet-section-main,
input.sheet-tab2:checked ~ div.sheet-section-info {
display: block;
}
/*this hides the radio button for each tab and makes sure it's above everything else*/
input.sheet-tab {
-ms-transform: scale(8);
-webkit-transform: scale(8);
transform: scale(8);
cursor: pointer;
position: relative;
opacity: 0;
z-index: 9999;
}
/*this styles the span with the tab information and slides to the left, so it appears underneath the radio button*/
span.sheet-tab {
text-align: center;
display: inline-block;
font-size: 15px;
background: #5E7388;
color: #85D6FF;
font-weight: bold;
border-radius: 4px;
border:1px;
border-color: black;
font-family:Stencil;
width: 10px;
height: 80px;
cursor: pointer;
position: relative;
vertical-align: middle;
}
/* this modifies the span color once the radio button is selected so you know which tab is selected */
input.sheet-tab1:checked + span.sheet-tab1,
input.sheet-tab2:checked + span.sheet-tab2 {
background: #091623;
color:#85D6FF;
border-radius: 4px;
border:10px;
border-color:#85D6FF;
}
.sheet-vertical{
padding:10px;
word-wrap: break-word;
}
.sheet-mainTab {
line-height: 20px;
position:relative;
right:2px;
bottom:105px;
}
.sheet-infoTab {
line-height: 20px;
position:relative;
right:-704px;
bottom:105px;
}
.sheet-tabCorrection {
margin-top:-100px
}
.sheet-tabCorrection2 {
margin-top:-95px
}
.sheet-mainTabCorrection {
position:relative;
right:-60px;
bottom:105px;
}
.sheet-infoTabCorrection {
position:relative;
right:-700px;
bottom:105px;
}
.sheet-advancedColumn {
float:left;
width:35%;
}
.sheet-blessingColumn {
float:left;
width:520px;
height:645px;
}
.sheet-halfColumn {
float:left;
margin-top:5px;
width:50%;
}
.sheet-smallFont {
font-size: 7pt !important;
}
.sheet-halfColumn2 {
float:left;
margin-top:5px;
width:100%;
}
.sheet-halfColumn3 {
float:left;
margin-top:1px;
width:24.5%;
}
.sheet-statColumn {
float:left;
margin-top:10px;
width:300px;
}
.sheet-gearColumn {
float:left;
margin-top:10px;
margin-left:-15px !important;
width:539px;
}
.sheet-advanced {
text-align:center;
width:100%;
}
.sheet-advancedBox {
text-align:center;
margin-left:15px;
width:75%;
height:90px;
border:1px solid black;
}
.sheet-advancedInput {
text-align:center;
width:75%;
min-height:50px;
border:1px solid black;
}
.sheet-infoPage {
height:1070px;
}
.sheet-advancedInput {
border-width:0px 0px 1px 0px;
font-size:20pt;
font-weight:bold;
margin-top:10px;
}
.sheet-break {
clear: both;
}
.sheet-bodyMind {
font-size:10pt;
margin-left:13px;
margin-bottom:-10px;
}
.sheet-bodySelector {
margin-top:0pxpx !important;
width:75px !important;
font-size:8pt !important;
padding:0px !important;
}
.sheet-mindSelector {
margin-top:0pxpx !important;
width:105px !important;
font-size:8pt !important;
padding:0px !important;
}
.sheet-progression {
margin-top:6px;
width: 275px;
float:left;
height:541px;
position:relative;
top:-157px;
}
.sheet-progressionBonuses {
font-size:7pt;
height:10px;
margin-left:10px;
width:45%;
}
.sheet-progressionBonuses2 {
height:10px;
font-size:7pt;
width:45%;
}
.sheet-progressionCorrection {
margin-bottom:0px !important;
}
.sheet-blessingCorrection {
margin-bottom:10px !important;
}
.sheet-gear {
width:526px;
height:390px;
}
.sheet-gearCorrection {
margin-bottom:0px !important;
}
.sheet-carryingWeight {
float:left;
width:150px;
height:75px;
}
.sheet-statisticName {
width:160px;
}
.sheet-statisticInfo {
font-weight:bold;
text-align:center;
width:50px;
}
.sheet-offenceDamage {
width:280px;
font-size:9pt;
height:45px;
}
.sheet-meleeDamage {
width:89px;
font-size:9pt;
height:45px;
margin-right:25px;
}
.sheet-statistics {
text-align:center;
width:40px;
margin-top:-10px;
margin-left:2px;
margin-right:5px;
}
.sheet-statistics2 {
text-align:center;
width:30px;
margin-top:5px;
margin-left:18px;
margin-right:5px;
min-height:20px;
font-size:16pt;
}
button[type=roll]:before {
content:"T" !important;
background-image: !important;
background-repeat: round !important;
border-image: -webkit-linear-gradient(top,#091623,#203d5a) !important;
}
.btn {
background-image: !important;
background-repeat: round !important;
}
button {
padding-bottom:0px;
margin-bottom:0px;
vertical-align:middle;
margin: 1px !important;
border: 4px !important;
color:#81d1f9 !important;
background-image: -webkit-linear-gradient(top,#091623,#203d5a) !important;
border-radius: 500px;
}