diff --git a/Unknown Armies 3e/UnknownArmies3e.css b/Unknown Armies 3e/UnknownArmies3e.css index 5425426924..6f1ebe7709 100644 --- a/Unknown Armies 3e/UnknownArmies3e.css +++ b/Unknown Armies 3e/UnknownArmies3e.css @@ -1,54 +1,54 @@ -.charsheet body{ +body{ line-height: 14px !important; } - .charsheet .sheet-addon{ + .sheet-addon{ width: 75%; margin: 0px 12.5%; background-color: #fee9e9; } - .charsheet .sheet-buttonlabel{ + .sheet-buttonlabel{ width: 85px; margin-left: 12px; display: inline-block; } - .charsheet .sheet-header{ + .sheet-header{ margin-top: 24px; } - .charsheet input[type=text]{ + input[type=text]{ display: inline-block; border: 0px; border-bottom: 1px solid #000; background: transparent; } - .charsheet input[type=number]{ + input[type=number]{ display: inline-block; border: 0px; border-bottom: 1px solid #000; background: transparent; width: 3.5em !important; } - .charsheet .sheet-paper{ + .sheet-paper{ background-color: #eaf2f5; box-shadow: 2px 2px 3px #eee; z-index: -2; } - .charsheet .sheet-bioq{ + .sheet-bioq{ display: inline-block; margin-left: 2%; } - .charsheet .sheet-biol{ + .sheet-biol{ display: inline-block; width: 86%; } - .charsheet .sheet-biom{ + .sheet-biom{ display: inline-block; width: 70%; } - .charsheet .sheet-bios{ + .sheet-bios{ display: inline-block; width: 12%; } - .charsheet .sheet-biot{ + .sheet-biot{ background: transparent; width: 94% !important; height: 60px !important; @@ -57,24 +57,24 @@ border-bottom: 1px solid #000; resize: none; } - .charsheet .sheet-h1{ + .sheet-h1{ font-size: 24px; font-family: Impact, Charcoal, sans-serif; } - .charsheet .sheet-h3{ + .sheet-h3{ font-size: 14px; font-family: Impact, Charcoal, sans-serif; } - .charsheet .sheet-inputs{ + .sheet-inputs{ border-bottom: 2px solid black !important; } - .charsheet .sheet-sticky{ + .sheet-sticky{ width: 18%; margin-left: 1.6%; background-color: #f7f4a7; display: inline-block; } - .charsheet .sheet-blurb{ + .sheet-blurb{ background: transparent; width: 93% !important; height: 60px !important; @@ -82,54 +82,54 @@ border: 0px; resize: none; } - .charsheet .sheet-relatlab{ + .sheet-relatlab{ margin-left: 2%; display: inline-block; } - .charsheet .sheet-percentages{ + .sheet-percentages{ margin-left: 110px; } - .charsheet .sheet-percent{ + .sheet-percent{ display: inline-block; margin: 0px 15px; } - .charsheet .sheet-stressname{ + .sheet-stressname{ font-weight: bold; text-align: center; display: inline-block; width: 110px; } - .charsheet .sheet-stressopp{ + .sheet-stressopp{ text-align: center; } - .charsheet .sheet-upbeat{ + .sheet-upbeat{ position: relative; left: 15px; width: 1px; } - .charsheet .sheet-downbeat{ + .sheet-downbeat{ text-align: right !important; position: relative; right: 45px; margin-right: -20px; } - .charsheet .sheet-half{ + .sheet-half{ width: calc(50% - 2px); display: inline-block; } - .charsheet .sheet-swf{ + .sheet-swf{ margin: -8px; font-weight: bold; position: relative; top: 5px; } - .charsheet .sheet-fails{ + .sheet-fails{ width: 120px; position: relative; right: 20px; border-right: 1px solid black; } - .charsheet .sheet-failbox{ + .sheet-failbox{ opacity: 0; width: 16px; height: 16px; @@ -140,7 +140,7 @@ cursor: pointer; z-index: 1; } - .charsheet .sheet-failbox + span::before{ + .sheet-failbox + span::before{ margin-right: -10px; border: solid 1px #121212; line-height: 14px; @@ -160,24 +160,24 @@ -webkit-border-radius: 10%; border-radius: 10%; } - .charsheet .sheet-failbox:checked ~ .sheet-failbox + span::before{ + .sheet-failbox:checked ~ .sheet-failbox + span::before{ content: ""; } - .charsheet .sheet-failbox0 + span::before{ + .sheet-failbox0 + span::before{ opacity: 0; } - .charsheet .sheet-failbox0:hover + span::before{ + .sheet-failbox0:hover + span::before{ opacity: .5; } - .charsheet button[type=roll]{ + button[type=roll]{ height: 16px; width: 16px; border-radius: 50%; } - .charsheet button[type=roll]:before{ + button[type=roll]:before{ content: "" !important; } - .charsheet .sheet-rage{ + .sheet-rage{ border-bottom: 3px solid black; margin: 0px 25px; text-align: center; @@ -188,7 +188,7 @@ position: relative; top: 15px; } - .charsheet .sheet-noble{ + .sheet-noble{ border-bottom: 1px solid black; border-radius: 25%; margin: 0px 20px; @@ -200,7 +200,7 @@ position: relative; top: 15px; } - .charsheet .sheet-fear{ + .sheet-fear{ border-bottom: 1px solid black; border-radius: -25%; margin: 0px 20px; @@ -212,7 +212,7 @@ position: relative; top: 15px; } - .charsheet .sheet-obsession{ + .sheet-obsession{ border-bottom: 1px double black; border-radius: -25%; margin: 0px 32px; @@ -223,52 +223,52 @@ position: relative; top: 15px; } - .charsheet .sheet-obsessions{ + .sheet-obsessions{ margin-top: 20px; margin-bottom: -5px; height: 60px !important; } - .charsheet .sheet-identitywrapper{ + .sheet-identitywrapper{ background-color: #ebecde; padding: 5px; } - .charsheet .sheet-identitylabel{ + .sheet-identitylabel{ border: 2px solid black; text-align: center; font-weight: bold; font-family: "Arial Black", Gadget, sans-serif; } - .charsheet .sheet-identity{ + .sheet-identity{ border: 2px solid black; border-top: none; font-weight: bold; font-family: "Arial Black", Gadget, sans-serif; } - .charsheet .sheet-identityname{ + .sheet-identityname{ width: 33%; border-bottom: none !important; } - .charsheet .sheet-identitycap{ + .sheet-identitycap{ width: 100%; border-bottom: none !important; } - .charsheet .sheet-identityspace{ + .sheet-identityspace{ border-top: 1px solid black; padding: 0px 5px; } - .charsheet .sheet-identityhead{ + .sheet-identityhead{ padding 0px 5px; } - .charsheet .sheet-identityinfo{ + .sheet-identityinfo{ width: 83%; border-bottom: none !important; } - .charsheet .sheet-idnumb{ + .sheet-idnumb{ font-size: 1.5em; padding-top: 8px; padding-left: 5px; } - .charsheet .sheet-idbox{ + .sheet-idbox{ border: 1px solid #256eb7; border-right: none; height: 30px; @@ -279,7 +279,7 @@ left: 3px; top: 2px; } - .charsheet .sheet-idbox + span::before{ + .sheet-idbox + span::before{ border-left: 2px solid #256eb7; border-top: 2px solid #256eb7; content: ""; @@ -294,7 +294,7 @@ left: -106px; margin-right: -35px; } - .charsheet .sheet-percbox{ + .sheet-percbox{ border: 3px solid #256eb7; height: 30px; width: 150px; @@ -305,13 +305,13 @@ top: -6px; left: 3px; } - .charsheet .sheet-suplab{ + .sheet-suplab{ color: #256eb7; display: inline-block; position: relative; top: -4px; } - .charsheet .sheet-idofflabel{ + .sheet-idofflabel{ border: 1px solid #256eb7; border-left: none; height: 30px; @@ -322,12 +322,12 @@ left: -3px; top: 3px; } - .charsheet .sheet-offlabtxt{ + .sheet-offlabtxt{ color: #256eb7; font-weight: bold; line-height: 14px; } - .charsheet .sheet-supidabbox{ + .sheet-supidabbox{ border: 1px solid #256eb7; border-top: none; padding-left: 4px; @@ -338,11 +338,11 @@ left: 53px; top: -8px; } - .charsheet .sheet-supernaturalability{ + .sheet-supernaturalability{ width: 90px; margin-bottom: 25px !important; } - .charsheet .sheet-superabil2a{ + .sheet-superabil2a{ display: inline-block; border-bottom: 1px solid #256eb7; border-right: 1px solid #256eb7; @@ -353,12 +353,12 @@ left: 53px; padding: 5px; } - .charsheet .sheet-cblab{ + .sheet-cblab{ position: relative; top: 3px; width: 65px; } - .charsheet .sheet-superabil2b{ + .sheet-superabil2b{ display: inline-block; border-bottom: 1px solid #256eb7; border-right: 1px solid #256eb7; @@ -369,7 +369,7 @@ left: 108px; padding: 5px; } - .charsheet .sheet-superabil2c{ + .sheet-superabil2c{ display: inline-block; border-bottom: 1px solid #256eb7; border-right: 1px solid #256eb7; @@ -380,7 +380,7 @@ left: 108px; padding: 5px; } - .charsheet input[type="checkbox"]{ + input[type="checkbox"]{ width: 13px; height: 13px; opacity: 0; @@ -390,7 +390,7 @@ position: relative; left: 8px; } - .charsheet input[type="checkbox"].sheet-superabilcb + span::before{ + input[type="checkbox"].sheet-superabilcb + span::before{ margin-right: 2px; border: solid 2px #256eb7; line-height: 14px; @@ -406,14 +406,14 @@ height: 12px; font-size: 1.15em; } - .charsheet input[type="checkbox"].sheet-superabilcb:checked + span::before{ + input[type="checkbox"].sheet-superabilcb:checked + span::before{ color: black; content: "✕"; width: 12px; height: 12px; font-size: 1.15em; } - .charsheet .sheet-superabilnotes{ + .sheet-superabilnotes{ width: 396px; border: 1px solid #256eb7; border-top: none; @@ -422,7 +422,7 @@ top: -79px; left: 5px; } - .charsheet .sheet-notes{ + .sheet-notes{ background: transparent; width: 96% !important; height: 65px !important; @@ -432,7 +432,7 @@ position: relative; top: 5px; } - .charsheet .sheet-superabilnotes + span::before{ + .sheet-superabilnotes + span::before{ border-left: 2px solid #256eb7; border-bottom: 2px solid #256eb7; content: ""; @@ -447,19 +447,19 @@ left: 38px; margin: -35px; } - .charsheet .sheet-superidfooter{ + .sheet-superidfooter{ position: relative; top: -90px; left: 12px; } - .charsheet .sheet-supformtype{ + .sheet-supformtype{ display: inline-block; margin-left: 3px; color: #256eb7; font-size: 1.5em; font-weight: bold; } - .charsheet .sheet-supformfooter{ + .sheet-supformfooter{ display: inline-block; text-align: right; color: #256eb7; @@ -468,7 +468,7 @@ left: 70px; bottom: 8px; } - .charsheet .sheet-supformfooter + span::before{ + .sheet-supformfooter + span::before{ border-right: 2px solid #256eb7; border-bottom: 2px solid #256eb7; content: ""; @@ -482,7 +482,7 @@ top: -29px; left: 47px; } - .charsheet .sheet-idtypecb + span::before{ + .sheet-idtypecb + span::before{ margin-right: 2px; border: solid 2px black; line-height: 14px; @@ -501,26 +501,26 @@ position: relative; left: 4px; } - .charsheet .sheet-idtypecb:checked + span::before{ + .sheet-idtypecb:checked + span::before{ color: black; content: "✕"; width: 12px; height: 12px; font-size: 1.15em; } - .charsheet .sheet-typelab{ + .sheet-typelab{ display: inline-block; } - .charsheet .sheet-cb1 + span::before{ + .sheet-cb1 + span::before{ border: solid 2px #256eb7; } - .charsheet .sheet-cb2 + span::before{ + .sheet-cb2 + span::before{ border: solid 2px #67486a; } - .charsheet .sheet-cb3 + span::before{ + .sheet-cb3 + span::before{ border: solid 2px #3fa09a; } - .charsheet input.sheet-notch{ + input.sheet-notch{ width: 13px; height: 13px; opacity: 0; @@ -531,7 +531,7 @@ left: 10px; top: 2px; } - .charsheet input.sheet-notch + span::before{ + input.sheet-notch + span::before{ margin-right: 2px; border: solid 1px black; line-height: 14px; @@ -554,14 +554,14 @@ border-radius: 50%; z-index: 1; } - .charsheet input.sheet-notch[value="60"] + span::before{ + input.sheet-notch[value="60"] + span::before{ background: #101010; } - .charsheet input.sheet-notch:checked + span::before{ + input.sheet-notch:checked + span::before{ color: #101010; content: "✖"; } - .charsheet .sheet-stresswave{ + .sheet-stresswave{ margin-top: -30px; margin-right: -400px; width: 0; @@ -574,12 +574,12 @@ top: 0px; z-index: 0; } - .charsheet .sheet-adeptidleaf{ + .sheet-adeptidleaf{ padding: 5px; background-color: #f6f3ef; width: 405px !important; } - .charsheet .sheet-adeptidbox{ + .sheet-adeptidbox{ border: 1px solid #67486a; width: 100px; height: 30px; @@ -588,7 +588,7 @@ position: relative; bottom: 5px; } - .charsheet .sheet-adeptidbox + span::before{ + .sheet-adeptidbox + span::before{ width: 15px; height: 15px; border-top: 3px solid #67486a; @@ -604,7 +604,7 @@ vertical-align: middle; position: relative; } - .charsheet .sheet-adeptleaf1a{ + .sheet-adeptleaf1a{ border: 3px solid #67486a; width: 200px; height: 28px; @@ -613,7 +613,7 @@ top: 4px; left: 3px; } - .charsheet .sheet-adeptleaf1b{ + .sheet-adeptleaf1b{ border: 1px solid #67486a; width: 94px; height: 28px; @@ -623,12 +623,12 @@ top: 3px; right: 1px; } - .charsheet .sheet-adeptleaftext{ + .sheet-adeptleaftext{ color: #67486a; font-size: .8em; display: inline-block; } - .charsheet .sheet-adeptleafinputt{ + .sheet-adeptleafinputt{ font-size: .8em; height: 14px !important; width: 98% !important; @@ -636,13 +636,13 @@ position: relative; bottom: 7px; } - .charsheet .sheet-adeptleafinputn{ + .sheet-adeptleafinputn{ font-size: .8em; height: 14px !important; border-bottom: none !important; display: inline-block; } - .charsheet .sheet-adeptleaf1b + span::before{ + .sheet-adeptleaf1b + span::before{ width: 15px; height: 15px; border-top: 3px solid #67486a; @@ -658,7 +658,7 @@ vertical-align: middle; position: relative; } - .charsheet .sheet-adeptleafoffbox{ + .sheet-adeptleafoffbox{ border: 1px solid #67486a; width: 96px; height: 28px; @@ -667,13 +667,13 @@ position: relative; bottom: 40px !important; } - .charsheet .sheet-adeptleafofftxt{ + .sheet-adeptleafofftxt{ color: #67486a; font-size: .8em; font-weight: bold; line-height: 14px; } - .charsheet .sheet-adeptleaf2{ + .sheet-adeptleaf2{ border: 1px solid #67486a; width: 96px; height: 86px; @@ -682,13 +682,13 @@ position: relative; bottom: 74px; } - .charsheet .sheet-adeptspellset{ + .sheet-adeptspellset{ display: inline-block; width: 299px; height: 63px; margin-left: -4px; } - .charsheet .sheet-adeptleafspella{ + .sheet-adeptleafspella{ border: 1px solid #67486a; border-top: none; border-left: none; @@ -698,11 +698,11 @@ margin-right: -4px; height: 24px; } - .charsheet .sheet-adeptspellname{ + .sheet-adeptspellname{ width: 60%; border-bottom: none !important; } - .charsheet .sheet-adeptleafspellb{ + .sheet-adeptleafspellb{ border: 1px solid #67486a; border-top: none; border-left: none; @@ -712,7 +712,7 @@ width: 97px; height: 26px; } - .charsheet .sheet-adeptleafspellc{ + .sheet-adeptleafspellc{ border: 1px solid #67486a; border-top: none; border-left: none; @@ -722,24 +722,24 @@ bottom: 6px; height: 42px; } - .charsheet .sheet-adeptspelleffect{ + .sheet-adeptspelleffect{ height: 28px !important; font-size: 1em !important; } - .charsheet .sheet-adeptleafta{ + .sheet-adeptleafta{ background: transparent; border: none; width: 93% !important; resize: none; height: 50px !important; } - .charsheet .sheet-adeptleaf7{ + .sheet-adeptleaf7{ width: 395px; height: 28px; border: 1px solid #67486a; border-top: none; } - .charsheet .sheet-adeptleaf7 + span::before{ + .sheet-adeptleaf7 + span::before{ width: 15px; height: 15px; border-bottom: 3px solid #67486a; @@ -755,16 +755,16 @@ vertical-align: middle; position: relative; } - .charsheet .sheet-adeptidfooter{ + .sheet-adeptidfooter{ margin-top: -10px; } - .charsheet .sheet-adeptformtype{ + .sheet-adeptformtype{ font-size: 1.5em; font-weight: bold; color: #67486a; display: inline-block; } - .charsheet .sheet-adeptleafend + span::before{ + .sheet-adeptleafend + span::before{ width: 15px; height: 15px; border-bottom: 3px solid #67486a; @@ -780,13 +780,13 @@ vertical-align: middle; position: relative; } - .charsheet .sheet-avataridleaf{ + .sheet-avataridleaf{ background-color: #f3f5f6; padding: 5px; height: 330px; width: 400px; } - .charsheet .sheet-avatarleafidnumbox{ + .sheet-avatarleafidnumbox{ border: 1px solid #3fa09a; width: 100px; height: 30px; @@ -795,7 +795,7 @@ position: relative; bottom: 5px; } - .charsheet .sheet-avatarleaf1a{ + .sheet-avatarleaf1a{ border: 3px solid #3fa09a; display: inline-block; width: 197px; @@ -804,12 +804,12 @@ position: relative; top: 2px; } - .charsheet .sheet-avatartext{ + .sheet-avatartext{ font-size: .8em; color: #3fa09a; display: inline-block; } - .charsheet .sheet-avatarleaf1b{ + .sheet-avatarleaf1b{ border: 1px solid #3fa09a; border-left: none; display: inline-block; @@ -819,7 +819,7 @@ top: 3px; right: 4px; } - .charsheet .sheet-avatarleaf2{ + .sheet-avatarleaf2{ border: 1px solid #3fa09a; width: 100px; height: 80px; @@ -827,7 +827,7 @@ border-top: none; margin-top: -1px; } - .charsheet .sheet-avatarleaf4{ + .sheet-avatarleaf4{ display: inline-block; width: 291px; height: 14px; @@ -838,7 +838,7 @@ position: relative; bottom: 3px; } - .charsheet .sheet-avatarleafchannels{ + .sheet-avatarleafchannels{ display: inline-block; width: 291px; height: 28px; @@ -848,25 +848,25 @@ position: relative; bottom: 6px; } - .charsheet .sheet-avatarpowers{ + .sheet-avatarpowers{ width: 290px; display: inline-block; margin-left: -4px; margin-top: -2px; } - .charsheet .sheet-avatarnotes{ + .sheet-avatarnotes{ border: 1px solid #3fa09a; border-top: none; width: 392px; margin-top: -175px; } - .charsheet .sheet-avatarformtype{ + .sheet-avatarformtype{ display: inline-block; font-size: 1.5em; font-weight: bold; color: #3fa09a; } - .charsheet .sheet-avatarleafidnumbox + span::before{ + .sheet-avatarleafidnumbox + span::before{ width: 15px; height: 15px; border-top: 3px solid #3fa09a; @@ -882,7 +882,7 @@ vertical-align: middle; position: relative; } - .charsheet .sheet-avatarleaf1b + span::before{ + .sheet-avatarleaf1b + span::before{ width: 15px; height: 15px; border-top: 3px solid #3fa09a; @@ -898,7 +898,7 @@ vertical-align: middle; position: relative; } - .charsheet .sheet-avatarnotes + span::before{ + .sheet-avatarnotes + span::before{ width: 15px; height: 15px; border-bottom: 3px solid #3fa09a; @@ -914,7 +914,7 @@ vertical-align: middle; position: relative; } - .charsheet .sheet-avatarfooter + span::before{ + .sheet-avatarfooter + span::before{ width: 15px; height: 15px; border-bottom: 3px solid #3fa09a; @@ -930,7 +930,7 @@ vertical-align: middle; position: relative; } - .charsheet .sheet-avnotesend + span::before{ + .sheet-avnotesend + span::before{ color: #3fa09a; content: "For Official Use Only GRG-ST-LZ3"; width: -200px; @@ -938,15 +938,15 @@ margin-left: 85px; font-weight: bold; } - .charsheet .sheet-idswitcher{ + .sheet-idswitcher{ margin-left: 60px; } - .charsheet .sheet-tab{ + .sheet-tab{ display: inline-block; position: absolute; top: 850px; } - .charsheet .sheet-tab label{ + .sheet-tab label{ margin-left: -1px; position: relative; left: 1px; @@ -957,33 +957,33 @@ margin-top: 2px; margin-bottom: 6px; } - .charsheet .sheet-content { + .sheet-content { background: white; display: none; } - .charsheet .sheet-tab .sheet-idtypecb:checked ~ .sheet-content{ + .sheet-tab .sheet-idtypecb:checked ~ .sheet-content{ display: inline-block; } - .charsheet .sheet-buttons{ + .sheet-buttons{ margin: -8px; } - .charsheet .sheet-cb0,.charsheet .sheet-cb0 + span,.charsheet .sheet-cb0 + span + label,.charsheet .sheet-cb0 + span + label + button{ + .sheet-cb0,.sheet-cb0 + span,.sheet-cb0 + span + label,.sheet-cb0 + span + label + button{ position: relative !important; left: 5px !important; } - .charsheet .sheet-cb1,.charsheet .sheet-cb1 + span,.charsheet .sheet-cb1 + span + label,.charsheet .sheet-cb1 + span + label + button{ + .sheet-cb1,.sheet-cb1 + span,.sheet-cb1 + span + label,.sheet-cb1 + span + label + button{ position: relative !important; left: 85px !important; } - .charsheet .sheet-cb2,.charsheet .sheet-cb2 + span,.charsheet .sheet-cb2 + span + label,.charsheet .sheet-cb2 + span + label + button{ + .sheet-cb2,.sheet-cb2 + span,.sheet-cb2 + span + label,.sheet-cb2 + span + label + button{ position: relative !important; left: 245px !important; } - .charsheet .sheet-cb3,.charsheet .sheet-cb3 + span,.charsheet .sheet-cb3 + span + label,.charsheet .sheet-cb3 + span + label + button{ + .sheet-cb3,.sheet-cb3 + span,.sheet-cb3 + span + label,.sheet-cb3 + span + label + button{ position: relative !important; left: 330px !important; } - .charsheet .sheet-idofflabel + span::before{ + .sheet-idofflabel + span::before{ border-right: 2px solid #256eb7; border-top: 2px solid #256eb7; content: ""; @@ -998,12 +998,12 @@ left: 6px; margin: -35px; } - .charsheet .sheet-superidentity{ + .sheet-superidentity{ background-color: #f3f5f6; height: 265px; width: 412px; } - .charsheet .sheet-avatarfooter{ + .sheet-avatarfooter{ position: relative; bottom: 10px; } \ No newline at end of file