diff --git a/Scum - Villainy/scum.css b/Scum - Villainy/scum.css new file mode 100644 index 0000000000..5df98f8c4f --- /dev/null +++ b/Scum - Villainy/scum.css @@ -0,0 +1,3671 @@ +/* Colors +e34a3a soft red +102536 ##02579a #81ebfb */ +/* Version text */ + + + + +.sheet-version-text { +text-align: center; +color: #a8a8a8; +font-size: 12px; +} +.sheet-type-character { +background-image: url("http://i.imgur.com/JgP5ZZy.png") !important; +background:white; + color:#81ebfb; + text-shadow: 0 0 2px white; + height:100%; + clear:both; + padding-right:15px; + padding-left:15px; +} +.sheet-type-crew { + background-image: url("http://i.imgur.com/JgP5ZZy.png") !important; + padding-right:5px; + padding-left:5px; +} +.sheet-type-faction { +background-image: url("http://i.imgur.com/JgP5ZZy.png") !important; +background:white; + color:#81ebfb; + text-shadow: 0 0 2px white; + height:100%; + clear:both; + padding-right:5px; + padding-left:5px; +} +input.sheet-settings-checkbox{ +width: 20px; +height: 20px; +} + +input.sheet-settings-checkbox + span{ +opacity: 0.3; +font-size: 120%; +font-family: pictos; +display:inline-block; +} + + + +input.sheet-settings-checkbox:checked + span{ +opacity: 1; +} + +.sheet-settings-checkbox-holder{ +float: right; +margin-right: 20px; +} +.sheet-settings span{ + color: black !important; + text-shadow:none !important; +} +.sheet-settings-checkbox-holder span{ + color: black !important; + text-shadow:none !important; +} +.sheet-topholder{ +margin-left: 55%; +width: 45%; +height: 18px; +position: relative; +padding-left: 5px; +top: -11px; +} + + +/* Type Selector */ + +input.sheet-type-selector{ +width: 170px; +height: 20px; +display: none; +} + +.sheet-3waybox:checked + .sheet-3waybox,{ +display: inline-block; +} + +span.sheet-type-selector{ +border: solid 1px black; +text-align: center; +display: inline-block; +background: #102536; +color: #81ebfb; +text-shadow:none !important; +width: 170px; +height: 20px; +font-size: 11px; +text-transform: uppercase; +letter-spacing: 1px; +font-family: Helvetica, "Trebuchet MS", Arial, sans-serif; +font-weight: 600; +} + +input.sheet-type-selector:hover ~ span{ +color: white; +} + +input.sheet-type-selector[value="character"]:checked ~ span::before{ +content: "Character Mode"; +} + +input.sheet-type-selector[value="crew"]:checked ~ span::before{ +content: "Ship Mode"; +} + +input.sheet-type-selector[value="faction"]:checked ~ span::before{ +content: "Faction Mode"; +} + + +/* SETTINGS */ +input:checked + .sheet-settings{ +display: block; +} + +.sheet-settings{ +display: none; +position: absolute; +margin-left: calc(100% - 360px); +width: 350px; +border: 1px solid black; +background-color:white !important; +z-index: 100; +padding: 5px; +border-radius: 5px; +} + +.sheet-settings > div{ +padding: 2px; +border-bottom: 1px solid lightgray; +} + +.sheet-settings input.sheet-checkbox.sheet-squarebox + span{ +border: 1px solid black !important; +} +.sheet-settings input.sheet-checkbox.sheet-squarebox:checked + span{ +background-color: black !important; +} + +.sheet-settings span:last-child{ +font-size: 80%; +padding-left: 3px; +} + +.sheet-settings-load span{ +font-size: 80%; +padding: 0 4px 0 0; +} + +.sheet-settings input[type=number]{ +padding: 0 2px; +margin-left: 8px; +width: 30px; +font-size: 90%; +} + +.sheet-settings input[type=text]{ +width: 30%; +font-size: 80%; +padding-left: 1px; +border: 1px solid lightgray; +} + +.sheet-settings select{ +width: 100px; +margin: 0 4px 0 0; +padding: 0; +height: 18px; +} + +/* SETTINGS FOR HIDING STUFF ON THE SHEET */ + + + +input.sheet-itemhider + div.sheet-item{ +display: none; +} + +input.sheet-itemhider:checked + div.sheet-item{ +display: inline-block; +} + +input.sheet-toothhider + input.sheet-tooth, input.sheet-toothhider + input.sheet-tooth + span{ +display:none; +} + +input.sheet-toothhider:checked + input.sheet-tooth, input.sheet-toothhider:checked + input.sheet-tooth + span{ +display: inline-block; +} + +input.sheet-xp-hider + li{ +display: none; +} + +input.sheet-xp-hider:checked + li{ +display: list-item; +} + +.sheet-show-deity{ +display: none; +} + +input.sheet-show-deity:checked ~ div.sheet-show-deity{ +display: block; +} + +input.sheet-hidediv + div{ +display: none; +} + +input.sheet-hidediv:checked + div{ +display: block; +} + + + +/* GENERALITIES */ + + + +.charsheet{ +width: 860px; +position: absolute; +padding: 0 10px 0 0 !important; +margin: 0 !important; +} + +button{ +text-shadow: none !important; +} + +label{ +color:white; +text-shadow:0 0 2px #81ebfb; +text-transform: uppercase; +letter-spacing: 1px; +margin: 0; + font-family: Helvetica, "Trebuchet MS", Arial, sans-serif; + letter-spacing: 1px; + font-size: 71%; +} + +div{ +box-sizing: border-box; +} + +input[type="text"]{ +font-family: Helvetica, "Trebuchet MS", Arial, sans-serif; +border: none; +background: none; +box-shadow: none; +width: 95%; +padding: 0; +} + +textarea{ +box-shadow: none; +font-family: Helvetica, "Trebuchet MS", Arial, sans-serif; +border: none; +margin: 0; +padding: 0; +background: transparent; +} + +li, li input[type="text"]{ +font-family: Helvetica, "Trebuchet MS", Arial, sans-serif; +color: white; +text-shadow: 0 0 2px #81ebfb; +position: relative; +} + +li:after{ +background: #81ebfb; +transform: rotate(45deg); +content: ''; +display: block; +position: absolute; +left: 0; +} + +ul{ +list-style: none; +margin: 0; +} + +span{ +font-family: Helvetica, "Trebuchet MS", Arial, sans-serif; +color: white; +text-shadow: 0 0 2px #81ebfb; +} + +input[type="checkbox"], input[type="radio"]{ +opacity: 0; +z-index: 1; +margin: 0; +padding: 0; +position: absolute; +} + +.sheet-hidden{ +display: none !important; +} + +.sheet-rep-block{ +display: inline-block; +width: 100%; +} + +span.sheet-inherit{ +font-size: inherit; +color: inherit; +text-shadow:inherit; +font-family: inherit; +font-weight: inherit; +} + + +/* USEFUL GENERAL LAYOUT*/ + + + +.sheet-blackheader, .sheet-black-on-grey, .sheet-greyheader{ +font-size: 74%; +font-weight: 600; +height: 16px; +letter-spacing: 1px; +line-height: 16px; +padding-left: 5px; +} + +.sheet-blackheader.sheet-narrow, .sheet-black-on-grey.sheet-narrow{ +padding-left: 2px; +} + +.sheet-blackheader{ +background-color: #102536; +color: white; +} + +.sheet-black-on-grey, .sheet-greyheader{ +background-color: #102536; +color: white; +} + +.sheet-black-on-grey{ +float: left; +position: relative; +top: -3px; +z-index: -1; +} + +.sheet-blackheader .sheet-label, .sheet-black-on-grey .sheet-label, .sheet-greyheader .sheet-label{ +padding-top: 2px; +} + +.sheet-plainheader{ +width: 100%; +border-top: 2px solid #02579a; +color: white; +font-size: 88%; +font-weight: 800; +line-height: 22px; +} + +.sheet-specialheader{ +background-color: #102536; +height: 20px; +color: white; +font-size: 74%; +letter-spacing: 1px; +padding-left: 5px; +padding-top: 11px; +font-weight: 600; +line-height: 0px; +} +.sheet-friendheader{ +background-color: #102536; +height: 20px; +color: white; +font-size: 88%; +letter-spacing: 1px; +padding-left: 5px; +padding-top: 5px; +font-weight: 600; +line-height: 0px; +} + +.sheet-greyholder{ +background-color: transparent; +} + +.sheet-def-margin{ +margin-top: 15px; +} + +.sheet-blackborder{ +border-top: 3px solid #102536; +} + +.sheet-tier{ +float: right; +background-color: transparent; +} + + +/* COLUMN LAYOUT */ + + + +.sheet-col55, .sheet-col45, .sheet-col50a, .sheet-col50b, .sheet-col94, .sheet-col100, .sheet-col97, .sheet-col68, .sheet-col30, .sheet-col50, .sheet-col2, .sheet-col15, .sheet-col70, .sheet-col52b, .sheet-col18{ +float: left; +} + +.sheet-col2{ +width: 9px; +} +.sheet-col2 .sheet-blackborder{ +border:none !important; +} +.sheet-col15{ +width: 15%; +} + +.sheet-col18{ +width: 18%; +} + +.sheet-col30{ +width: 30%; +} + +.sheet-col50{ +width: 50%; +} + +.sheet-col52b{ +width: 52%; +margin-left: 3%; +} + +.sheet-col55{ +width: 55%; +} + +.sheet-col45, .sheet-col50a{ +width: 45%; +} + +.sheet-col50b{ +width: 52%; +} + +.sheet-col68{ +width: 68%; +} + +.sheet-col70{ +width: 70%} + +.sheet-col82{ +width: 82%} + +.sheet-col94{ +width: 94%; +} + +.sheet-col97{ +margin-left: 1.5%; +width: 97%; +} + +.sheet-col100{ +width: 100%; +} + +.sheet-col50a, .sheet-col50b{ +margin: 5px 0 0 1.5%; +} + + +/* FONT STYLES */ + + + +.sheet-label, input[type="text"].sheet-label, textarea.sheet-label{ +text-transform: uppercase; +font-family: Helvetica, "Trebuchet MS", Arial, sans-serif; +text-shadow: 0 0 2px #81ebfb; +} + +.sheet-smallcaps{ +text-transform: uppercase; +font-weight: 800; +} + +.sheet-bold{ +font-weight: 800; +} + +.sheet-italic, .sheet-italic input[type=text]{ +font-style: italic; +} + + +/* FRIENDS/CONTACTS */ + + + +.sheet-friends{ +margin-top: 10px; +} + +.sheet-contacts{ +margin-top: 20px; +} + +.sheet-contact input[type=text],.sheet-friend input[type=text]{ +font-family: Helvetica, "Trebuchet MS", Arial, sans-serif; +font-size: 95%; +height: 33px; +padding: 0 0 4px 3px; +} + +.sheet-friend input[type=text]{ +color: white; +text-shadow: 0 0 2px #81ebfb; +width: 137px; +} + +.sheet-contact input[type=text]{ +color: white; +text-shadow: 0 0 2px #81ebfb; +width: calc(100% - 15px); +} + + +/* INFO BOXES */ + + + +.sheet-teamwork{ +margin-top: 20px; +} + +.sheet-gatherinfo ul{ +padding: 0; +} + +.sheet-gatherinfo li{ +margin-bottom: 4px; +font-style: italic; +padding-left: 11px; +font-size: 86%; +height: 17px; +} + +.sheet-gatherinfo li input[type=text]{ +width: 100%; +font-style: italic; +font-size: 100%; +} + +.sheet-gatherinfo li:after{ +height: 4px; +width: 4px; +top: .25em; +margin-top: 4px; +} + +.sheet-teamworkbox{ +width: 95%; +padding: 5px; +margin-bottom: 5px; +background-color: transparent; +font-size: 89%; +line-height: 122%; +} + +.sheet-planningdesc{ +font-size: 89%; +line-height: 127%; +margin-bottom: 5px; +} + + +/* ITEMS/UPGRADES */ + + + +.sheet-itemholder > div{ +padding: 7px; +} + +.sheet-item{ +display: inline-block; +width: 100%; +line-height: normal; +color: white; +text-shadow: 0 0 2px #81ebfb; +} + +.sheet-item.sheet-itemshort{ +width: 50%; +} + +.sheet-playbookitems{ +background-color: transparent; +} + +.sheet-item input[type=text]{ +width: calc(100% - 21px); +height: 16px; +color: inherit; +text-shadow: inherit; +margin-left: 5px; +padding: 3px 0; +font-size: 83%; +} + +.sheet-item textarea{ +width: calc(100% - 21px); +resize: none; +color: inherit; +text-shadow: inherit; +position: relative; +top: 2px; +height: 18px; +font-size: 83%; +margin-left: 5px; +} + +.sheet-item input.sheet-item-textarea-tall:checked + textarea{ +height: 36px; +} + +.sheet-item.sheet-item2box input[type=text]{ +width: calc(100% - 37px); +} + +.sheet-item.sheet-item3box input[type=text]{ +width: calc(100% - 53px); +} + +.sheet-item.sheet-item4box input[type=text]{ +width: calc(100% - 69px); +} + +.sheet-item.sheet-itembold input[type=text]{ +font-weight: 700; +} + +.sheet-item.sheet-itemitalic input[type=text]{ +font-style: italic; +} + +.sheet-item span.sheet-label{ +font-weight: bold; +font-size: 78%; +letter-spacing: 1px; +} + +.sheet-item span.sheet-label.sheet-upgradecosts{ +font-size: 55%; +line-height: normal; +} + +.sheet-item span{ +font-size: 83%; +} + +.sheet-item.sheet-upgradecaption{ +margin-top: 5px; +} + +.sheet-floatingbar{ +display: inline-block; +width: 3px;s +height: 2px; +margin: 0 -1px 0 -2px; +border-top: 2px solid #838587; +} + + +/* LOGO */ + + + +.sheet-scumlogo{ +height: 63px; +width: 95%; +background-image: url("http://i.imgur.com/QLIajBA.png"); +background-size: 100% auto; +background-repeat: no-repeat; +} + +.sheet-logoholder{ +height: 50px; +} + +.sheet-crewheader{ +color: #7f8184; +font-size: 210%; +letter-spacing: -2px; +margin-top: -8px; +font-weight: 800; +line-height: 50px; +} + + +/* LOAD */ + + + +.sheet-loadheader, .sheet-loadheader2{ +background-color: #102536; +height: 20px; +line-height: 0px; +color: white; +text-shadow: 0 0 2px #81ebfb; +font-size: 74%; +font-weight: 800; +} + +.sheet-loadheader{ +padding: 4px 0 0 3px; +} + +.sheet-loadheader2{ +margin-top: 5px; +padding: 10px 0 0 3px; +} + +.sheet-loadheader2 .sheet-italic{ +font-size: 106%; +font-weight: 500; +padding-left: 5px; +} + +.sheet-loadcheckholder{ +display: inline-block; +font-family: Helvetica, "Trebuchet MS", Arial, sans-serif; +text-transform: lowercase; +font-style: italic; +font-size: 104%; +font-weight: 500; +} + +.sheet-loadcheckholder .sheet-bold{ +font-size: 105%; +margin-left: -2px; +} + +.sheet-loadnumber{ +font-style: normal; +font-weight: 800; +font-size: 105%; +padding-left: 4px; +padding-right: 2px; +} + + +/* ADVANCEMENT BOX*/ + + + +.sheet-advancement{ +margin-top: 10px; +} + +.sheet-advancement-header > div{ +float: left; +letter-spacing: 2px; +position: relative; +} + +.sheet-advancement-markxp{ +width: 25%; +} + +.sheet-advancement-tracker{ +width: 75%; +text-align: right; +height: 16px; +} + +.sheet-advancement-tracker div{ +float: right; +} + +.sheet-advancement-xpholder{ +min-width: 120px; +text-align: right; +padding: 0 3px 0 5px; +} + +.sheet-advancement-desc{ +width: 99%; +margin-top: -2px; +float: left; +background-color: transparent; +} + +.sheet-advancement-desc ul{ +padding: 15px 20px 4px 16px; +} + +.sheet-advancement-desc li, .sheet-advancement-desc input[type=text]{ +font-size: 95%; +line-height: 127%; +font-style: italic; +width: 100%; +} + +.sheet-advancement-desc li{ +margin-bottom: 1em; +padding-left: 1.5em; +} + +.sheet-advancement-desc li:after{ +height: .4em; +width: .4em; +top: .25em; +} + +.sheet-advancement-desc li.sheet-nondot{ +padding-left: 0; +font-style: normal; +} + +.sheet-advancement-desc li.sheet-nondot:after{ +display: none; +} + + +/* PLAYBOOK */ + + + +.sheet-playbook{ +margin-left: 5px; +width: calc(45% - 5px); +float: left; +height: 50px; +background-color: transparent; +} +.sheet-shipplaybook{ +margin-left: 5px; +width: calc(70% - 5px); +float: left; +height: 50px; +background-color: transparent; +} + + +.sheet-playbook-title{ +width: 60%; +height: inherit; +float: left; +padding: 5px 0 0 10px; +} +.sheet-ship-title{ +width: 60%; +height: inherit; +float: left; +padding: 5px 0 0 10px; +} + +.sheet-playbook-desc{ +width: 40%; +height: inherit; +float: left; +} + +.sheet-playbook-title input[type="text"]{ +letter-spacing: -2px; +font-size: 274%; +color: #81ebfb; +text-shadow: 0 0 2px white; +font-weight: 200; +} +.sheet-ship-title input[type="text"]{ +letter-spacing: -2px; +font-size: 274%; +font-weight: 800; +color: #81ebfb; +text-shadow: 0 0 2px white; +font-weight: 200; +} +.sheet-playbook-desc textarea{ +box-sizing: border-box; +height: 50px; +width: 100%; +padding-top: 6px; +font-size: 78%; +font-weight: 800; +letter-spacing: 1px; +color: #81ebfb; +text-shadow: 0 0 2px white; +resize: none; +line-height: 145%; +} + + +/* HEADER */ + + + +.sheet-header input[type="text"]{ +width: 100%; +border-bottom: 1px solid #02579a; +border-radius: 0; +font-size: 109%; +padding: 3px 0 0; +margin: 3px 0 0; +color: #81ebfb; +text-shadow: 0 0 2px white; +} + +.sheet-header .sheet-col55 input[type="text"]{ +width: 95%} + +.sheet-header label{ +font-size: 71%; +} + +span.sheet-viceblurb{ +font-size: 85%; +} + + +/* CLOCKS */ + + + +.sheet-clock input.sheet-label{ +color: white; +text-shadow: 0 0 2px #81ebfb; +font-size: 106%; +letter-spacing: 1px; +font-weight: 600; +line-height: 119%; +} + +.sheet-clockpicture{ +position: absolute; +margin-top: -38px; +z-index: 1; +height: 44px; +width: 44px; +background-image: url('http://i.imgur.com/jF2ces6.png'); +} + +.sheet-recovery .sheet-clockpicture{ +margin-left: 30.5%; +} + +.sheet-clock .sheet-clockpicture{ +margin-left: 85%; +} + +.sheet-4clock, .sheet-6clock, .sheet-recoveryclock, .sheet-8clock, .sheet-12clock{ +display: none; +margin-top: 10px; +} + +input[value="4"]:checked ~ .sheet-4clock,input[value="6"]:checked ~ .sheet-6clock,input[value="8"]:checked ~ .sheet-8clock,input[value="12"]:checked ~ .sheet-12clock,.sheet-recovery .sheet-recoveryclock{ +display: block; +} +/* RECOVEY CLOCK*/ +.sheet-recoveryclock input[value="0"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/jF2ces6.png"); +} + +.sheet-recoveryclock input[value="1"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/sOHFRwa.png"); +} + +.sheet-recoveryclock input[value="2"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/GL5eJWX.png"); +} + +.sheet-recoveryclock input[value="3"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/UoIPXc8.png"); +} + +.sheet-recoveryclock input[value="4"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/dGXPeOg.png"); +} + +.sheet-recoveryclock input[value="5"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/AzANYtA.png"); +} + +.sheet-recoveryclock input[value="6"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/MWMRvES.png"); +background-repeat:no-repeat !important; +} + +/* PROGRESS CLOCKS */ +.sheet-8clock input[value="0"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/3jiS7W5.png"); +} + +.sheet-8clock input[value="1"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/UKvufQ9.png"); +} + +.sheet-8clock input[value="2"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/z5whbrr.png"); +} + +.sheet-8clock input[value="3"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/qtfzpbB.png"); +} + +.sheet-8clock input[value="4"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/dUSvEMj.png"); +} + +.sheet-8clock input[value="5"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/NkcXp5B.png"); +} + +.sheet-8clock input[value="6"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/ccV4ViK.png"); +} + +.sheet-8clock input[value="7"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/7MRDVQL.png"); +} + +.sheet-8clock input[value="8"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/nIK3zj7.png"); +} + +.sheet-4clock input[value="0"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/WyOBm3g.png"); +} + +.sheet-4clock input[value="1"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/N2X2cTL.png"); +} + +.sheet-4clock input[value="2"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/JMM2r6j.png"); +} + +.sheet-4clock input[value="3"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/uddeRxr.png"); +} + +.sheet-4clock input[value="4"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/xAjl6Dr.png"); +} + +.sheet-6clock input[value="0"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/o74qem7.png"); +} + +.sheet-6clock input[value="1"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/ZGxb27v.png"); +} + +.sheet-6clock input[value="2"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/S5kv8oM.png"); +} + +.sheet-6clock input[value="3"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/ap2MC31.png"); +} + +.sheet-6clock input[value="4"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/NasMhtf.png"); +} + +.sheet-6clock input[value="5"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/sZbVtys.png"); +} + +.sheet-6clock input[value="6"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/9Jzphbf.png"); +} + +.sheet-12clock input[value="0"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/hJtRnPa.png"); +} + +.sheet-12clock input[value="1"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/hwI0E02.png"); +} + +.sheet-12clock input[value="2"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/EcOMXXJ.png"); +} + +.sheet-12clock input[value="3"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/jxkDQX4.png"); +} + +.sheet-12clock input[value="4"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/uNj912f.png"); +} + +.sheet-12clock input[value="5"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/cyzoQDr.png"); +} + +.sheet-12clock input[value="6"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/O5QY0JK.png"); +} + +.sheet-12clock input[value="7"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/XtYYi4t.png"); +} + +.sheet-12clock input[value="8"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/CPNLeCf.png"); +} + +.sheet-12clock input[value="9"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/t6YfeLl.png"); +} + +.sheet-12clock input[value="10"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/hNrZe47.png"); +} + +.sheet-12clock input[value="11"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/Ry683RN.png"); +} + +.sheet-12clock input[value="12"]:checked ~ .sheet-clockpicture{ +background-image: url("http://i.imgur.com/mQ1VaCe.png"); +} + +.sheet-clockprogress{ +margin-top: 10px; +} + +.sheet-recovery, .sheet-clock{ +background-color: #102536; +font-style: italic; +font-size: 80%; +line-height: 8px; +} + +.sheet-clock{ +width: 100%; +display: inline-block; +padding: 8px 50px 12px 8px; +margin-bottom: 8px; +} + +.sheet-clocks{ +margin-top: 26px; +} + +.sheet-recovery .sheet-bold{ +font-size: 81%; +letter-spacing: 1px; +font-style: normal; +font-weight: 600; +line-height: 119%; +padding-right: 3px; +} + + +/* TEXT INPUTS FOR TRAUMA AND CLOCKS */ + + + +input.sheet-text-input{ +height: 11px; +} + +input.sheet-text-input[type="checkbox"]{ +width: 52px; +margin-top: 1px; +} + +input.sheet-text-input[type="radio"]{ +width: 20px; +} + +input.sheet-text-input.sheet-longoption[type="radio"]{ +width: 64px; +} + +input.sheet-text-input + span{ +line-height: 0px; +font-weight: bold; +position: relative; +left: 2px; +} + +.sheet-traumata input.sheet-text-input + span{ +text-transform: uppercase; +font-size: 64%; +top: -3px; +} + +.sheet-clockprogress input.sheet-text-input + span{ +font-size: 90%; +} + +input.sheet-text-input.sheet-traumarow2 + span{ +top: -8px; +} + +input.sheet-text-input:hover + span{ +color: white; +} + +input.sheet-text-input:checked + span{ +color: #e34a3a; +text-shadow: 0 0 2px red ; +} + +input.sheet-text-input:checked:hover + span{ +color: #e34a3a; +text-shadow: 0 0 2px red; +} + +input.sheet-ship-text-input:checked + span{ +color: #81ebfb !important; +text-shadow: 0 0 2px white !important; +} + +input.sheet-ship-text-input:checked:hover + span{ +color: #81ebfb !important; +text-shadow: 0 0 2px white !important; +} + +input.sheet-text-input + span::after{ +content: "—"; +color: white; +padding: 0 2px; +} + +input.sheet-text-input.sheet-last + span::after{ +content: ""; +padding: 0; +} + + +/* TEETH */ + + + +input.sheet-stresstooth, input.sheet-xptooth, input.sheet-skiptooth, input.sheet-holdtooth,input.sheet-stresstooth + span, input.sheet-xptooth + span, input.sheet-skiptooth + span, input.sheet-holdtooth + span{ +height: 25px; +} +input.sheet-modtooth, input.sheet-modtooth + span, input.sheet-moddamagetooth, input.sheet-moddamagetooth + span { + height: 15px; +} + + +input.sheet-regulartooth, input.sheet-regulartooth + span{ +height: 14px; +} + +input.sheet-tooth{ +width: 12px; +} + +input.sheet-tooth + span{ +width: 8px; +margin-right: 1px; +display: inline-block; +vertical-align: top; +} + +input.sheet-regulartooth[type="radio"] + span:last-child{ +} + +input.sheet-tooth:nth-last-child(2){ +width: 7px; +} + +input.sheet-tooth:hover + span{ +filter: alpha(opacity=70); +opacity: 0.7; +} + +input.sheet-xptooth + span{ +height:25px; +width: 7px; +background-color: #81ebfb; +border:1px solid white; +margin-right:1px !important; +-ms-transform: skewX(-20deg); /* IE 9 */ + -webkit-transform: skewX(-20deg); /* Safari */ + transform: skewX(-20deg); +} + +input.sheet-xptooth:checked ~ input.sheet-xptooth + span{ +height:25px; +width: 7px; +background-color: #102536; +border:1px solid white; +margin-right:1px !important; +-ms-transform: skewX(-20deg); /* IE 9 */ + -webkit-transform: skewX(-20deg); /* Safari */ + transform: skewX(-20deg); +} +input.sheet-skiptooth + span{ +height:25px; +width: 7px; +background-color: #e34a3a; +border:1px solid white; +margin-right:1px !important; +-ms-transform: skewX(-20deg); /* IE 9 */ + -webkit-transform: skewX(-20deg); /* Safari */ + transform: skewX(-20deg); +} + +input.sheet-skiptooth:checked ~ input.sheet-skiptooth + span{ +height:25px; +width: 7px; +background-color: #102536; +border:1px solid white; +margin-right:1px !important; +-ms-transform: skewX(-20deg); /* IE 9 */ + -webkit-transform: skewX(-20deg); /* Safari */ + transform: skewX(-20deg); +} +.sheet-sysdamteeth { + padding-right:6px; +} +input.sheet-modtooth + span{ +height:14px; +width: 7px; +background-color: #81ebfb; +border:1px solid white; +margin-right:1px !important; +-ms-transform: skewX(-20deg); /* IE 9 */ + -webkit-transform: skewX(-20deg); /* Safari */ + transform: skewX(-20deg); +} + +input.sheet-modtooth:checked ~ input.sheet-modtooth + span{ +height:14px; +width: 7px; +background-color: #102536; +border:1px solid white; +margin-right:1px !important; +-ms-transform: skewX(-20deg); /* IE 9 */ + -webkit-transform: skewX(-20deg); /* Safari */ + transform: skewX(-20deg); +} + +input.sheet-moddamagetooth + span{ +height:14px; +width: 7px; +background-color: #e34a3a; +border:1px solid white; +margin-right:1px !important; +-ms-transform: skewX(-20deg); /* IE 9 */ + -webkit-transform: skewX(-20deg); /* Safari */ + transform: skewX(-20deg); +} + +input.sheet-moddamagetooth:checked ~ input.sheet-moddamagetooth + span{ +height:14px; +width: 7px; +background-color: #102536 !important; +border:1px solid white; +margin-right:1px !important; +-ms-transform: skewX(-20deg); /* IE 9 */ + -webkit-transform: skewX(-20deg); /* Safari */ + transform: skewX(-20deg); +} + +input.sheet-stresstooth[type="radio"] + span,input.sheet-stresstooth[type="checkbox"]:checked + span,input.sheet-holdtooth:checked + span{ +/* red tooth */; +height:25px; +width: 7px; +background-color: #81ebfb; +border:1px solid #white; +margin-right:1px !important; +-ms-transform: skewX(-20deg); /* IE 9 */ + -webkit-transform: skewX(-20deg); /* Safari */ + transform: skewX(-20deg); +} + +input.sheet-stresstooth[type="checkbox"] + span,input.sheet-stresstooth:checked ~ input.sheet-stresstooth[type="radio"] + span,input.sheet-holdtooth + span{ +/* white tooth */ +height:25px; +width: 7px; +background-color: #102536; +border:1px solid white; +margin-right:1px !important; +-ms-transform: skewX(-20deg); /* IE 9 */ + -webkit-transform: skewX(-20deg); /* Safari */ + transform: skewX(-20deg); +} + + + +input.sheet-regulartooth[type="radio"] + span{ +height:14px; +width: 7px; +background-color: #e34a3a; +border:1px solid #671315; +margin-right:1px !important; +-ms-transform: skewX(-20deg); /* IE 9 */ + -webkit-transform: skewX(-20deg); /* Safari */ + transform: skewX(-20deg); +} + +input.sheet-regulartooth:checked ~ input.sheet-regulartooth[type="radio"] + span{ +height:13px; +width: 7px; +background-color: #102536; +border:1px solid white; +margin-right:1px !important; +-ms-transform: skewX(-20deg); /* IE 9 */ + -webkit-transform: skewX(-20deg); /* Safari */ + transform: skewX(-20deg); +} + +input.sheet-zero{ +width: 13px; +height: 13px; +} + +input.sheet-zero + span{ +width: 10px; +height: 13px; +margin-right: 3px; +display: inline-block; +vertical-align: top; +background-image: url(http://i.imgur.com/b7fMDSq.png); +} + +input.sheet-zero[type="radio"]:checked + span{ +display: none; +} + + +/* TURF RADIOS */ + + + +.sheet-turfbox input[type="radio"]{ +display: block; +float: right; +position: initial; +width: 11px; +} + +input[type="checkbox"].sheet-turf1:checked ~ input[type="radio"].sheet-turf1 + span,input[type="checkbox"].sheet-turf2:checked ~ input[type="radio"].sheet-turf2 + span,input[type="checkbox"].sheet-turf3:checked ~ input[type="radio"].sheet-turf3 + span,input[type="checkbox"].sheet-turf4:checked ~ input[type="radio"].sheet-turf4 + span,input[type="checkbox"].sheet-turf5:checked ~ input[type="radio"].sheet-turf5 + span,input[type="checkbox"].sheet-turf6:checked ~ input[type="radio"].sheet-turf6 + span{ +/* black tooth*/background-image: url('http://i.imgur.com/Sm1jToy.png'); +} + +input.sheet-stresstooth:checked ~ input.sheet-stresstooth.sheet-turf6 + span{ +/* half grey tooth */background-image: url('http://i.imgur.com/gAgcV8Z.png'); +} + + +/* SPECIAL ABILITIES*/ + + + +.sheet-specialability, .sheet-friend, .sheet-contact{ +padding-top: 5px; +padding-left: 4px; +} +textarea.sheet-abilityname{ +width: 25%; +color: white; +text-shadow: 0 0 2px #81ebfb; +resize: none; +height: 50px; +padding-left: 5px; +font-variant: small-caps; +font-weight: 800; +letter-spacing: 0px; +font-family: Helvetica, "Trebuchet MS", Arial, sans-serif; +} + +textarea.sheet-abilitydesc{ +width: 69%; +resize: vertical; +height: 50px; +color: white; +text-shadow: 0 0 2px #81ebfb; +font-size: 95%; +line-height: 122%; +} + + +/* HARM AND RECOVERY */ + + + +.sheet-harmrow, .sheet-harmheader{ +border-bottom: 1px solid #02579a; +} + +.sheet-recovery{ +width: 80%; +float: left; +padding: 8px; +} + +.sheet-harmrow, .sheet-harmrow div{ +height: 40px; +overflow: hidden; +} + +.sheet-harmrow div{ +float: left; +} + +.sheet-harmrow > div:first-child{ +background-color: transparent; +width: 4%; +color: white; +text-shadow: 0 0 2px #81ebfb; +letter-spacing: 0px; +font-weight: 800; +line-height: 100%; +padding: 11px 3px 3px; +} + +.sheet-harmrow > div:nth-child(2){ +width: 76%; +} + +.sheet-harmrow > div:last-child{ +background-color: transparent; +width: 20%; +color: white; +text-shadow: 0 0 2px #81ebfb; +text-align: center; +font-size: 80%; +letter-spacing: 1px; +font-weight: 800; +line-height: 119%; +padding: 8px; +} + +.sheet-harmrow > div:nth-child(2) > div:nth-child(2){ +border-left: 1px solid #02579a; +} + +.sheet-harmrow input[type="text"]{ +font-size: 72%; +padding: 15px 6px 6px; +color: #e34a3a; +text-shadow: 0 0 2px red !important; +text-transform:uppercase; +} + +.sheet-harm > div.sheet-harmrow:nth-child(3) > div:last-child{ +padding-top: 13px; +} + +.sheet-arrow-right{ +display: inline-block; +width: 0; +height: 0; +margin-left: 2px; +border-top: 4px solid transparent; +border-bottom: 4px solid transparent; +border-left: 4px solid black; +} + + +/* ARMOR */ + + + +.sheet-armor .sheet-label{ +float: left; +color: white; +text-shadow: 0 0 2px #81ebfb; +font-size: 88%; +font-weight: 800; +padding: 1px 0 0 1px; +width: calc(100% - 25px); +} +.sheet-armorholder +{ + margin-left:9px; +} +.sheet-armor .sheet-col00{ +margin-bottom: 4px; +clear:right; +} + +.sheet-armor .sheet-col00:last-child{ +float: right; +} +.sheet-armor .sheet-specialarmorlabel input[type="text"] +{ + color: white; + font-size: 95%; + text-shadow: 0 0 2px #81ebfb; + font-weight: 800; + width:107px; + text-transform:uppercase; + clear:right; + overflow: hidden; + text-overflow: ellipsis; +} +.sheet-shipsystemlabel +{ + color: white; + font-size: 95%; + text-shadow: 0 0 2px #81ebfb; + font-weight: 800; + margin-right:0 !important; + text-transform:uppercase; + overflow: hidden; + text-overflow: ellipsis; +} +.sheet-armor .sheet-attribute-title +{ + width:100%; + margin-bottom:7px; + padding-right:3px; +} + +.sheet-armor-tick-box{ +float: right; +width: 50px; +text-align: right; +padding-right: 1px; +clear:left; +} + +/* COIN */ + + + +.sheet-coin-and-stash{ +margin-top: 49px; +} + +.sheet-coinrow{ +font-size: 73%; +height: 17px; +font-weight: 800; +} + +.sheet-coinrow > div:first-child{ +border-bottom: 1px solid #8c8c8c; +border-right: 1px solid #8c8c8c; +color: white; +text-shadow: 0 0 2px #81ebfb; +} + +.sheet-coinrow div{ +float: left; +} + +.sheet-coinrow > div:last-child{ +border-top: 1px solid #8c8c8c; +color: white; +text-shadow: 0 0 2px #81ebfb; +padding-left: 3px; +} + +.sheet-coin div:last-child{ +float: right; +width: 54px; +} + +.sheet-coin div:nth-child(2){ +padding-left: 2px; +} + + +/* STASH */ + + + +.sheet-stash{ +margin-top: 5px; +padding-left: 5px; +line-height: 14px; +} + +.sheet-stashzeroholder{ +position: absolute; +margin: 60px 0 0 -8px; +} + + +/* CREW COIN */ + + + +.sheet-crewcoin{ +height: 60px; +} + +.sheet-crewcoin > div:nth-child(3){ +margin-top: 2px; +padding-left: 3px; +width: 110%; +} + +.sheet-crewcoin > div:last-child{ +font-size: 72%; +margin-top: -5px; +padding-left: 3px; +} + +.sheet-crewcoinbar{ +display: inline-block; +border-left: 1px solid #c6c7c9; +height: 15px; +width: 1px; +margin: 0 5px 0 3px; +} + +.sheet-crewcoin input.sheet-radiobox:checked ~ input.sheet-radiobox.sheet-vaultcoin + span{ +border: 1px solid #c6c7c9; +} + +.sheet-crewcoin input.sheet-radiobox + span{ +margin: 0 3px 2px 0; +} + +.sheet-crewcoin input.sheet-radiobox{ +margin: 0 -12px 8px 0; +} + + +/* LEFT-FILLED RADIO BOXES */ + + + +input.sheet-radiobox{ +width: 12px; +height: 12px; +margin: 0 -12px 3px 0; +} + +input.sheet-radiobox + span{ +width: 9px; +height: 9px; +margin: 0 2px 0 0; +display: inline-block; +} + +input.sheet-radiobox:hover + span{ +filter: alpha(opacity=70); +opacity: 0.7; +} + +.sheet-coin input.sheet-radiobox:checked ~ input.sheet-radiobox + span,.sheet-crewcoin input.sheet-radiobox:checked ~ input.sheet-radiobox + span{ +background-color: #102536; +border: 1px solid white; +} + +.sheet-coin input.sheet-radiobox + span,.sheet-crewcoin input.sheet-radiobox + span{ +background-color: #81ebfb; +border: 1px solid white; +} + +.sheet-stash input.sheet-radiobox:checked ~ input.sheet-radiobox + span{ +background-color: #102536; +border: 1px solid white; +} + +.sheet-stash input.sheet-radiobox + span{ +background-color: #81ebfb; +border: 1px solid #102536; +} + +.sheet-stash input.sheet-radiobox.sheet-endbox{ +margin-left: 5px; +width: 13px; +height: 13px; +} + +.sheet-stash input.sheet-radiobox.sheet-endbox + span{ +width: 10px; +height: 10px; +border: 1px solid white !important; +} +input.sheet-debtbox{ +width: 12px; +height: 12px; +margin: 0 -12px 3px 0; +} + +input.sheet-debtbox + span{ +width: 9px; +height: 9px; +margin: 0 2px 0 0; +display: inline-block; +} + +input.sheet-debtbox:hover + span{ +filter: alpha(opacity=70); +opacity: 0.7; +} + +.sheet-coin input.sheet-debtbox:checked ~ input.sheet-debtbox + span,.sheet-crewcoin input.sheet-debtbox:checked ~ input.sheet-debtbox + span{ +background-color: #102536; +border: 1px solid white; +} + +.sheet-coin input.sheet-debtbox + span,.sheet-crewcoin input.sheet-debtbox + span{ +background-color: #e34a3a; +border: 1px solid white; +} + + +/* HUNTING GROUNDS */ + + + +.sheet-hunting-grounds input[type="text"]{ +font-weight: 800; +color: black; +line-height: 22px; +} + +.sheet-hunting-grounds textarea{ +font-size: inherit; +height: 36px; +resize: vertical; +} + + +/* BONUS DIE SECTION */ + + + +.sheet-bonusdie{ +padding: 0 5px; +color: #81ebfb; +text-shadow: 0 0 2px white; +} +.sheet-bonusdie .sheet-col100{ + margin-bottom:5px; +} + +.sheet-bonusdie .sheet-label{ +font-size: 88%; +font-weight: 800; +padding: 2px 0; +} + +.sheet-bonusdie > div:last-child{ +height: 100%; +} +.sheet-bonuswrapper +{ + height:100%; +} +.sheet-bonusdie .sheet-bonusdieplus{ +width: 10%; +float: left; +background-color: #102536; +color: white; +text-shadow: 0 0 2px #81ebfb; +font-weight: 800; +height:100%; +} + +.sheet-bonusdie .sheet-bonusdietext{ +background-color: transparent; +width: 90%; +float: left; +padding: 5px; +font-size: 80%; +line-height: 122%; +} +.sheet-pushplus{ +box-sizing:border-box; + width:10%; + display: inline-block; + padding: 15px 4px 15px 4px; + font-weight: 800; + vertical-align:center; +} +.sheet-bonusdie .sheet-bonusdietext .sheet-pushtext{ + height:49px !important; + background-color: transparent; +width: 90%; +float: left; +padding: 5px; +font-size: 80%; +line-height: 122%; +} +.sheet-assistplus{ +box-sizing:border-box; + width:10%; + display: inline-block; + padding: 9px 4px 8px 4px; + font-weight: 800; + vertical-align:center; +} +.sheet-bonusdie .sheet-bonusdietext .sheet-assisttext{ + height:33px !important; + background-color: #102536; +width: 90%; +float: left; +padding: 5px; +font-size: 80%; +line-height: 122%; +} +.sheet-gambitplus{ +box-sizing:border-box; + width:10%; + display: inline-block; + padding: 3px 4px 2px 4px; + font-weight: 800; + vertical-align:center; +} +.sheet-bonusdie .sheet-bonusdietext .sheet-gambittext{ + height:22px !important; + background-color: #102536; +width: 90%; +float: left; +padding: 5px; +font-size: 80%; +line-height: 122%; +} +.sheet-gambitexpoplus{ + box-sizing:border-box; + width:10%; + background-color:#102536; + color:white; + display: inline-block; + padding: 34px 4px 33px 4px; + height: 82px; + font-weight: 800; + vertical-align:center; +} +.sheet-bonusdie .sheet-bonusdietext .sheet-gambitexpotext{ + height: 100%; !important + background-color: transparent; +width: 90%; +float: left; +padding: 5px; +font-size: 80%; +line-height: 122%; +} +/* REPEATING SECTION CONTROLS */ + + + +.charsheet button.repcontrol_edit, .charsheet button.repcontrol_add{ +padding: 6px; +background-image: none; +background-color: transparent; +color: #81ebfb; +text-shadow: 0 0 2px white; +border-radius: 0; +border-color: #81ebfb; +transition: all 0.2s; +margin-top:5px; +font-family: Helvetica, "Trebuchet MS", Arial, sans-serif; +font-variant: small-cap; +font-weight: 800; +} + +.charsheet button.repcontrol_edit:hover, .charsheet button.repcontrol_add:hover{ +color: white; +text-shadow: 0 0 2px white; +border-color: white; +background-color: transparent; +} + +.sheet-white-repcontrol button.repcontrol_edit, .sheet-white-repcontrol button.repcontrol_add{ +font-weight: 600; +background-color: transparent; +margin-top: 12px; +font-size: 91%; +font-family: sans-serif; +padding: 4px; +} + +.itemcontrol{ +z-index: 20; +} + + +/* STRESS, REP, et cetera */ + + + +.sheet-hold, .sheet-stress > div, .sheet-rep > div, .sheet-hold > div, .sheet-heat > div, .sheet-crewcoin > div:first-child > div{ +float: left; +} + +.sheet-hold{ +width: 255px; +margin-left: calc(55% - 255px); +} + +.sheet-stress, .sheet-rep, .sheet-hold, .sheet-heat{ +height: 25px; +} + +.sheet-stress1{ +width: 53px; +} + +.sheet-stress2{ +width: calc(100% - 330px); +} + +.sheet-stress3{ +width: 68px; +} + +.sheet-stress4{ +width: 209px; +padding-top: 1px; +} + +.sheet-stress4 div{ +width: 110%; +} + +.sheet-traumaholder, .sheet-wantedholder{ +height: 12px; +display: block; +float: right; +text-align: right; +width: 100%; +padding-right:2px;} + +.sheet-rep1{ +width: 35px; +} + +.sheet-rep2{ +width: calc(100% - 78px); +} + +.sheet-rep3{ +width: 43px; +} + +.sheet-turfbox{ +display: block; +position: absolute; +float: right; +z-index: 2; +margin-left: 63px; +} + +.sheet-hold1, .sheet-hold4, .sheet-heat1{ +width: 41px; +} + +.sheet-hold2{ +width: 51px; +} + +.sheet-hold3{ +width: 63px; +} + +.sheet-hold5{ +width: 59px; +height: 16px; + padding-left: 2px; +} + +.sheet-heat2{ +width: calc(100% - 106px); +} + +.sheet-heat3{ +width: 65px; +} + +.sheet-crewcoin1{ +width: 60px; +} + +.sheet-crewcoin2{ +width: calc(100% - 60px); +} + +.sheet-zeroholder{ +position: absolute; +} + +.sheet-stress1 .sheet-zeroholder{ +margin: -2px 0 0 35px; +} + +.sheet-stress3 .sheet-zeroholder{ +margin-left: 0; +} + +.sheet-rep1 .sheet-zeroholder{ +margin: -2px 0 0 17px; +} + +.sheet-rep3 .sheet-zeroholder{ +margin: 13px 0 0 -3px; +} + +.sheet-heat1 .sheet-zeroholder{ +margin: -2px 0 0 23px; +} + +.sheet-heat3 .sheet-zeroholder{ +margin-left: 5px; +} +.sheet-coin .sheet-zeroholder{ +margin: 0 0 0 27px; +} +.sheet-crewcoin .sheet-zeroholder{ +margin: 19px 0 0 -10px; +} + +.sheet-stress2 input.sheet-tooth + span{ +margin-right: 1px; +} + +.sheet-stress2 input[name="attr_setting_extra_stress1"]:checked ~ input.sheet-tooth + span{ +margin-right: 1px; +} + +.sheet-stress2 input[name="attr_setting_extra_stress1"]:checked + input[name="attr_setting_extra_stress2"]:checked ~ input.sheet-tooth + span{ +margin-right: 1px; +} + + +/* small fixes */ + + + +.sheet-rep .sheet-black-on-grey{ +padding-right: 4px; +text-align: right; +width: 100%; +} + +.sheet-rep input.sheet-tooth{ +width: 11px; +} + +.sheet-rep input.sheet-tooth + span{ +margin-right: 1px !important; +} + +.sheet-hold .sheet-black-on-grey{ +width: calc(100% - 8px); +} + +.sheet-toothholder{ +float: right; +width: 20px; +} + + +/* NOTES */ + + + +textarea.sheet-notes{ +margin-top: 20px; +margin-left: 10px; +font-family: Helvetica, "Trebuchet MS", Arial, sans-serif; + color: #81ebfb; + text-shadow: 0 0 2px white; + box-shadow: 0 0 2px white; + background-color: #102536; +font-size: 155%; +width: 95%; +resize: vertical; +line-height: 137%; +height: 378px; +} + + +/* LOAD CHECKBOXES */ + + + +.sheet-loadboxholder{ +transform: rotate(45deg); +display: inline-block; +margin-left: 6px; +width: 7px; +height: 7px; +} + +input.sheet-loadbox[type="checkbox"]{ +width: 12px; +height: 12px; +} + +input.sheet-loadbox[type="checkbox"] + span{ +display: inline-block; +border: 1px solid #81ebfb; +width: 8px; +height: 8px; +background-color: #102536; +} + +input.sheet-loadbox[type="checkbox"]:checked + span{ +background-color: #81ebfb; +} + +input.sheet-loadbox[type="checkbox"]:hover + span{ +filter: alpha(opacity=70); +opacity: 0.7; +} + +/* Gambit Boxes */ +.sheet-gambitcheckholder{ +display: inline-block; +font-family: Helvetica, "Trebuchet MS", Arial, sans-serif; +text-transform: lowercase; +font-style: italic; +font-size: 104%; +font-weight: 500; +} + +.sheet-gambitcheckholder .sheet-bold{ +font-size: 105%; +margin-left: -2px; +} +.sheet-ship-gambits input.sheet-radiobox{ +transform: rotate(45deg) !important; +display: inline-block; + +} + + + +/* ROLL BUTTONS */ + + + +button[type=roll]{ +font-family: Helvetica, "Trebuchet MS", Arial, sans-serif; +background: transparent; +box-shadow: none; +} + +button[type=roll]:before{ +content: "" !important; +} + +button[type=roll].sheet-rollbutton{ +text-transform: uppercase; +border: none; +margin: 0; +padding: 0; +font-weight: 800; +font-size: 92%; +line-height: 9px; +} + +button[type=roll].sheet-crewbutton{ +font-size: inherit; +letter-spacing: inherit; +color: inherit; +text-shadow: inherit; +} + +button[type=roll].sheet-attributebutton{ +font-size: 98%; +line-height: 9px; +color: white; +text-shadow: 0 0 2px #81ebfb; +} + +button[type=roll].sheet-actionbutton{ +font-size: 95%; +letter-spacing: 1px; +float: right; +color: #81ebfb; +text-shadow: 0 0 1px white !important; +margin-top: 3px; +text-align: left; +width: 86px; +} + +button[type=roll].sheet-vicebutton, button[type=roll].sheet-fortunebutton, button[type=roll].sheet-cohortbutton{ +color: #81ebfb; +border-color: #81ebfb; +border-radius: 0; +transition: all 0.2s; +padding: 4px; +font-size: 97%; +font-weight: 600; +} + +button[type=roll].sheet-vicebutton{ +float: right; +margin: 5px 3px -5px 0; +line-height: 13px; +} + +button[type=roll].sheet-fortunebutton{ +width: 100%; +float: left; +height: 38px; +margin: 10px 3px 0 0; +} + +button[type=roll].sheet-cohortbutton{ +padding: 1px; +margin-top: 3px; +width: 35px; +margin-left: -35px; +position: absolute; +line-height: 7px; +font-size: 65%; +} + +button[type=roll].sheet-rollbutton:hover{ +color: white; +} + +button[type=roll].sheet-vicebutton:hover, button[type=roll].sheet-fortunebutton:hover{ +color: white; +border-color: white; +} + + +/* CHECKBOXES */ + + + +input.sheet-checkbox{ +height: 12px; +width: 12px; +} + +input.sheet-checkbox.sheet-circlebox-small{ +margin-top: 2px; +} + +input.sheet-checkbox.sheet-squarebox-small{ +height: 10px; +width: 10px; +} + +input.sheet-checkbox.sheet-squarebox-small + span{ +margin: 0; +width: 7px; +height: 7px; +} + +input.sheet-checkbox.sheet-squarebox-small:checked + span{ +background-color: #81ebfb !important; +opacity: 0.7; +} + +input.sheet-checkbox + span{ +display: inline-block; +width: 10px; +height: 10px; +border: 1px solid white; +margin: 0 2px 0 0; +} + +input.sheet-checkbox:hover + span{ +opacity: 0.7; +} + +input.sheet-checkbox.sheet-squarebox{ +margin-top: 3px; +} + +input.sheet-checkbox.sheet-squarebox + span{ +background: transparent; +vertical-align: middle; +margin-left: 1px; +} + +input.sheet-checkbox.sheet-circlebox-small + span{ +border-radius: 40px; +height: 9px; +width: 9px; +background: white; +vertical-align: middle; +margin-right: 2px; +margin-bottom: 3px; +} + +input.sheet-checkbox + span:last-child{ +margin-right: 0px !important; +} + +input.sheet-checkbox:checked + span{ +background-color: #81ebfb !important; +} + +input.sheet-checkbox.sheet-claimbridge{ +width: 14px; +height: 14px; +} + +input.sheet-checkbox.sheet-claimbridge + span{ +margin: 0; +border: none; +width: 100%; +height: 100%; +background: transparent; +} + +input.sheet-checkbox.sheet-claimbridge:checked + span{ +background: #d6d8d9 !important; +} + + +/* Change text colour when boxes are checked*/ + + + +.sheet-specialability input:checked ~ textarea.sheet-abilityname,.sheet-specialability input:checked ~ textarea.sheet-abilitydesc,.sheet-item input.sheet-checkbox:checked ~ input[type=text],.sheet-item.sheet-checkbox input:checked ~ textarea,input.sheet-friendup:checked ~ input[type=text]{ +color: #81ebfb; +text-shadow: 0 0 2px white !important; +} + +input.sheet-frienddown:checked ~ input[type=text]{ +color: #e34a3a; +text-shadow: 0 0 2px black !important; +} + +.sheet-contact input.sheet-checkbox:checked ~ input[type=text]{ +font-weight: 800; +} + + +/* specific adjustments */ + + + +.sheet-tier input.sheet-checkbox.sheet-circlebox-small + span{ +margin-right: 3px; +} + +.sheet-specialability input.sheet-checkbox.sheet-circlebox + span{ +border-radius: 30px; +background: white; +vertical-align: top; +} + +.sheet-actions input.sheet-checkbox{ +width: 20px; +height: 20px; +} + +.sheet-actions input.sheet-checkbox.sheet-circlebox + span{ +display: inline-block; +width: 0; +height: 0; +border-width: 5px 0 5px 10px; +border-style: solid; +border-color: transparent transparent transparent #102536; +background-color: transparent; +} +.sheet-actions input.sheet-checkbox.sheet-circlebox:checked + span{ +display: inline-block; +width: 0; +height: 0; +border-width: 5px 0 5px 10px; +border-style: solid; +border-color: transparent transparent transparent #81ebfb; +filter:drop-shadow(0 0 2px white); +background-color: transparent !important; +} +.sheet-specialability input.sheet-checkbox.sheet-circlebox + span{ +display: inline-block; +width: 0; +height: 0; +margin-top:4px !important; +border-radius:0px !important; +border-width: 5px 0 5px 10px; +border-style: solid; +border-color: transparent transparent transparent white; +background-color: transparent!important; +} +.sheet-specialability input.sheet-checkbox.sheet-circlebox:checked + span{ +display: inline-block; +width: 0; +height: 0; +margin-top:4px !important; +border-radius:0px !important; +border-width: 5px 0 5px 10px; +border-style: solid; +border-color: transparent transparent transparent #81ebfb; +filter:drop-shadow(0 0 2px white); +background-color: transparent !important; +} + +/* Friend triangles */ + + + +input.sheet-checkbox.sheet-friendup{ +margin-top: 3px; +} + +input.sheet-checkbox.sheet-frienddown{ +margin-top: 10px; +} + +.sheet-friend input.sheet-checkbox + span,.sheet-contact input.sheet-checkbox + span{ +width: 0; +height: 0; +background-color: #102536 !important; +} + +.sheet-friend input.sheet-frienddown + span{ +border-width: 10px 5px 0 5px; +margin: 0 0 -2px 3px; +border-color: #ffffff transparent transparent transparent; +} + +.sheet-friend input.sheet-friendup + span{ +border-width: 0 5px 10px 5px; +margin-bottom: 5px; +border-color: transparent transparent #ffffff transparent; +} + +.sheet-friend input.sheet-frienddown:checked + span{ +border-color: #e34a4a transparent transparent transparent; +} + +.sheet-friend input.sheet-friendup:checked + span{ +border-color: transparent transparent #81ebfb transparent; +} + +.sheet-contact input.sheet-checkbox{ +margin-top: 6px; +} + +.sheet-contact input.sheet-checkbox + span{ +border-width: 5px 0 5px 10px; +margin-bottom: 2px; +border-color: transparent transparent transparent #ffffff; +} + +.sheet-contact input.sheet-checkbox:checked + span{ +border-color: transparent transparent transparent #81ebfb; +} + + +/* ACTION RATINGS */ + + +.sheet-attribute, .sheet-cohort{ +margin-bottom: 14px; +} + +.sheet-attribute-title, .sheet-cohort-title{ +float: left; +height: 21px; +background-color: #102536; +padding-left: 7px; +} + +.sheet-attribute-title div:first-child{ +width: 63px; +float: left; +position: absolute; +} + +.sheet-attribute-xp-box{ +float: right; +width: 112px; +text-align: right; +padding-right: 7px; +} + +.sheet-actions{ +padding-left: 2px; +} + +.sheet-action{ +width: 100%; +height: 22px; +} + +.sheet-action:first-child, .sheet-action:first-child > div:first-child{ +height: 34px; +} + +.sheet-action:first-child > div{ +padding-top: 12px; +} + +.sheet-action:first-child button[type=roll].sheet-actionbutton{ +margin-top: 15px; +} + +.sheet-action > div{ +margin: 0px 8px 0px 0px; +width: 15px; +float: left; +} + +.sheet-action > div:first-child{ +border-right: 1px solid #81ebfb; +height: 22px; +width: 17px; +margin-right: 6px; +} + +.sheet-action > div:nth-last-child(2){ +margin-right: 0px; +} + + +/* COHORTS */ + + + +.sheet-cohort-title > div:first-child{ +width: 120px; +float: left; +} + +.sheet-cohort-title > div:last-child{ +width: 44px; +float: right; +} + +.sheet-cohort-title input[type=text]{ +font-weight: 600; +width: 100%; +font-size: 90%; +background: transparent; +padding: 2px 0 0; +} + +.sheet-cohort-condition > div, .sheet-cohort-condition .sheet-label{ +float: left; +} + +.sheet-cohort-condition .sheet-label{ +color: black; +font-size: 55%; +} + +.sheet-cohort-condition1{ +width: 19%; +margin-right: 2%; +} + +.sheet-cohort-condition2{ +width: 28%; +margin-right: 2%; +} + +.sheet-cohort-condition3{ +width: 24%; +margin-right: 2%; +} + +div.sheet-cohort-condition4{ +width: 23%; +float: right; +font-weight: 800; +} + +.sheet-cohort-text textarea{ +resize: vertical; +color: black; +font-size: 85%; +line-height: 122%; +font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;; +height: 74px; +border-bottom: 1px solid lightgray; +} + + +/* SHIP SYSTEMS */ + +.sheet-ship +{ + /* background-image:url("http://i.imgur.com/BKn5HAh.png"); + background-position:center; + background-repeat:no-repeat; */ +} + +.sheet-ship-toprow { + margin-bottom:15px; +} +.sheet-ship-contacts { +margin-top: 5px; + } +.sheet-ship-size { + margin-right: 0px !important; +} +.sheet-ship-system { +} + +.sheet-ship-expo-cred { + margin:0 15px 0 15px; +} + +.sheet-module-tick-box{ +float: right; +text-align: right; +padding-right: 3px; +clear:left !important; +} +.sheet-modulelist +{ + background:transparent; + margin-top:10px; +} + +.sheet-ship-upkeep-skips { + margin:0 15px 0 15px; + height:100% !important; +} +.sheet-ship-upkeepexpo input[type=text] { + color:white !important; +} +.sheet-ship-gambits { + float:right; + margin-right:10px; +} +.sheet-ship-gambitexpo { + background:transparent !important; + text-align:center !important; + width:100% !important; + +} +.sheet-ship-gambitexpo span { + color:white; + font-style: italic; + font-size: 80%; +} + +.sheet-ship-upkeepexpo { + text-align:center !important; + width:100% !important; +} +.sheet-ship-upkeepexpo span { + color:white; + font-style: italic; + font-size: 80%; + text-align:center !important; + width:100% !important; +} +/* STRICTURES */ + + + +.sheet-strictures div{ +font-size: 88%; +} + +.sheet-strictures div .sheet-label{ +font-weight: 600; +margin: 0 3px; +} + + +/* ALCHEMICALS */ + + + +input.sheet-alchemicals-checkbox{ +width: 93px; +height: 15px; +} + +input.sheet-alchemicals-checkbox + span{ +display: inline-block; +} + +input.sheet-alchemicals-checkbox:hover + span{ +color: white; +} + +.sheet-alchemicals-content{ +display: none; +padding-left: 7px; +} + +input.sheet-alchemicals-checkbox:checked ~ .sheet-alchemicals-content{ +display: block; +} + +.sheet-alchemicals .sheet-bandolier span:first-child{ +margin-right: 7px; +font-size: 90%; +} + +.sheet-alchemicals .sheet-italic{ +font-size: 80%; +} + +.sheet-alchemicals li:after{ +height: 4px; +width: 4px; +top: .7em; +} + +.sheet-alchemicals li{ +padding-left: 11px; +font-size: 84%; +height: 16px; +} + + +/* DROPDOWN PSEUDO-SELECT */ + + + +.sheet-cohort-dropdown, .sheet-cohort-dropdown-bg{ +background-color: black; +position: absolute; +z-index: -1; +width: 44px; +} + +.sheet-cohort-dropdown{ +height: 20px; +text-align: right; +padding: 2px 4px 0 0; +line-Height: 13px; +z-index: 1; +} + +.sheet-cohort-dropdown-bg{ +display: none; +height: 47px; +} + +.sheet-cohort-dropdown input[type=radio]{ +width: 30px; +z-index: 10; +} + +.sheet-cohort-dropdown input[type=radio],.sheet-cohort-dropdown input[type=radio] + span{ +display: none; +} + +.sheet-cohort-title .sheet-label{ +font-size: 65%; +color: white; +} + +.sheet-cohort-dropdown:hover input[type=radio],.sheet-cohort-dropdown:hover input[type=radio] + span{ +display: inline; +} + +.sheet-cohort-dropdown:hover .sheet-cohort-dropdown-bg{ +display: block; +} + +.sheet-cohort-dropdown:hover input[type=radio]:checked + span{ +color: red; +} + +.sheet-cohort-dropdown span:first-child{ +display: inline-block; +} + +.sheet-cohort-dropdown:hover span:first-child{ +display: none; +} + + +/* FRAME */ + + + +.sheet-frame{ +margin-top: 4px; +} + +.sheet-frame input.sheet-label{ +font-weight: 600; +color: white; +} + +.sheet-frame textarea{ +font-size: 83%; +color: white; +resize: vertical; +height: 40px; +} + + +/* FACTIONS PAGE */ + +.sheet-type-faction .repcontainer.ui-sortable.editmode + .repcontrol +{ +margin-bottom: 55px; +} +.sheet-factiontitle +{ +margin-bottom: 10px; +} +.sheet-factiontitle input[type=text] +{ +font-size: 200%;font-weight: 600;width: 60%; +} +.sheet-factions-header +{ +width: 100%;height: 24px;background: #ccc;padding: 5px 0; +} +.sheet-factions-header input[type=text] +{ +font-weight: 600;padding-left: 3px; +} +.sheet-factions-header span +{ +font-size: 50%;display: inline-block;text-align: center;vertical-align: middle; +} +input.sheet-expand +{ +width: 8px;margin-top: 7px;margin-left: -7px;height: 8px; +} +input.sheet-expand + span::before +{ +margin-top: 3px;margin-left: -7px;position: absolute;content: "▶";font-size: 8px;width: 12px;height: 12px; +} +input.sheet-expand:checked + span::before +{ +content: "▼"; +} +.sheet-faction +{ +border-bottom: 1px solid lightgray; +} +.sheet-faction textarea +{ +display: none;border-top: 1px solid lightgray;border-radius: 0;resize: vertical;font-size: 90%;height: 40px; +} +.sheet-faction input.sheet-expand:checked ~ textarea +{ +display: block; +} +.sheet-faction input[type=number] +{ +border: none;background: transparent;padding: 0;font-size: 90%; +} +.sheet-faction input[type=text] +{ +border-right: 1px solid lightgray;border-radius: 0;font-size: 90%;padding: 2px 1px; +} + +/* Column widths */ + +.sheet-faction input[type=text]:nth-child(3),.sheet-factions-header input[type=text] +{ +width: 65%; +} +.sheet-faction input[type=text]:nth-child(4),.sheet-factions-header span:nth-child(2) +{ +width: 10%;text-align: center; +} +.sheet-faction input[type=text]:nth-child(5),.sheet-factions-header span:nth-child(3) +{ +width: 10%;text-align: center; +} +.sheet-faction input[type=number],.sheet-factions-header span:nth-child(4) +{ +width: 15%;text-align: center; +} + +/* War blurb */ + +.sheet-warblurb +{ +margin-top: 30px;font-size: 90%; +} +.sheet-warblurb .sheet-label +{ +font-size: 120%;color: black;font-weight: 600; +} +.sheet-warblurb li +{ +margin-bottom: .5em;padding-left: 1em; +} + +/* Generate button */ + +div.sheet-faction-generatebutton +{ + margin-top:5px; +float: right;text-align: right; +} +.sheet-faction-generatebutton input +{ +width: 105px;height: 16px; +} +.sheet-faction-generatebutton input + span +{ +padding: 3px;color: #666;border: 1px solid #666; +} +.sheet-faction-generatebutton input:hover + span +{ +color: red;border-color: red; +} +input.sheet-generatebutton +{ +width: 110px;height: 18px; +} +input.sheet-generatebutton + span +{ +padding: 3px;color: #666;margin: 0 4px;font-size: 80%;border: 1px solid #666; +} +input.sheet-generatebutton:hover + span +{ +color: red;border-color: red; +} + +/* Flexwidth */ + +.sheet-container +{ +position: relative;width: 860px; +} +input:checked + .sheet-container +{ +min-width: 860px;width: initial; +} + + + +/* ROLL TEMPLATES */ + + +/* Container */ + +.sheet-rolltemplate-bitd .sheet-roll-holder +{ +margin-left: -45px; +margin-right: -1px; +width: 299px; +font-variant-numeric: lining-nums; +} +.sheet-rolltemplate-bitd .sheet-roll-holder.sheet-roll-short +{ +height: 171px; +} +.sheet-rolltemplate-bitd .sheet-roll-action,.sheet-rolltemplate-bitd .sheet-roll-resist,.sheet-rolltemplate-bitd .sheet-roll-vice +{ +height: 258px; +} +.sheet-rolltemplate-bitd .sheet-roll-fortune +{ +background-image: url(http://i.imgur.com/J2XSUbn.png); +background-position: bottom right; +background-repeat: no-repeat; +background-color: white; +height: auto; +min-height: 250px; +} + +/* Background images */ + +.sheet-rolltemplate-bitd .sheet-roll-action +{ +background-image: url(http://i.imgur.com/RV279bj.png); +} +.sheet-rolltemplate-bitd .sheet-roll-resist +{ +background-image: url(http://i.imgur.com/aSsBAl0.png); +} +.sheet-rolltemplate-bitd .sheet-roll-vice +{ +background-image: url(http://i.imgur.com/erFriJx.png); +} + +/* Images */ + +.sheet-rolltemplate-bitd .sheet-roll-resist img,.sheet-rolltemplate-bitd .sheet-roll-vice img +{ +height: 22px; +} +.sheet-rolltemplate-bitd .sheet-roll-action img,.sheet-rolltemplate-bitd .sheet-roll-fortune img +{ +height: 31px; +} + +/* Name */ + +.sheet-rolltemplate-bitd .sheet-roll-name +{ + font-family: Tahoma, Gadget, sans-serif; + color: #8da8bb; + text-transform: uppercase; + font-size: 91%; + letter-spacing: 0px; + font-weight: 800; + line-height: 0px; + height: 20px; + padding: 32px 0 0 30px; + width: 237px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-name,.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-name,.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-name +{ +font-family: Tahoma, Gadget, sans-serif; +text-transform: uppercase; +} +.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-name,.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-name +{ +font-size: 103%; +letter-spacing: 1px; +font-weight: 800; +} +.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-name +{ +color: #8da8bb; +font-size: 91%; +} +.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-roll-name +{ +font-family: sans-serif;color: #ffffff;font-size: 110%; +} +.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-name +{ +color: #303032; +} +.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-name +{ +color: #96182d; +text-shadow:0 0 2px black; +} + +/* Title */ + +.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-roll-title +{ +padding-left: 27px; +padding-top: 8px; +position: relative;top: 5px; +} +.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-title,.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-title +{ +padding-left: 30px;padding-top: 22px;padding-right:25px; +} +.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-title +{ +padding-left: 30px;padding-top: 7px; +} + +/* Zerodice dice holder */ + +.sheet-rolltemplate-bitd .sheet-zerodice1 +{ +position: relative;top: 4px;font-size: 103%; +} +.sheet-rolltemplate-bitd .sheet-roll-action .sheet-zerodice1 +{ +text-shadow: 0px 0px 6px rgb(255, 158, 0);color: #ffffff; +} +.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-zerodice1 +{ +text-shadow: 0px 0px 6px rgb(136, 219, 215);color: #1e1e1e; +} +.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-zerodice1,.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-zerodice1 +{ +font-family: sans-serif;text-shadow: 0px 0px 6px rgb(9, 199, 208);color: #ffffff; +} + +/* Zerodice text */ + +.sheet-rolltemplate-bitd .sheet-zerodice2 +{ +line-height: 100%;font-size: 67%;font-style: italic;font-weight: 400;letter-spacing: 0;text-transform: none; +} +.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-zerodice2,.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-zerodice2 +{ +padding-top: 8px;text-shadow: 0px 0px 6px rgb(9, 199, 208);color: #d8e4ef; +} +.sheet-rolltemplate-bitd .sheet-roll-action .sheet-zerodice2 +{ +padding-top: 11px;text-shadow: 0px 0px 6px rgb(255, 158, 0);color: #ffd8ca; +} +.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-zerodice2 +{ +width: 60%;padding-top: 11px;text-shadow: 0px 0px 6px rgb(136, 219, 215);color: #1e1e1e; +} + +/* Subtitle */ + +.sheet-rolltemplate-bitd .sheet-roll-subtitle +{ +padding-left: 30px; +} +.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-subtitle,.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-subtitle +{ +font-family: Tahoma, Gadget, sans-serif; +text-transform: uppercase; +font-size: 103%; +letter-spacing: 1px; +font-weight: 800; +line-height: 0px; +font-style: italic; +} +.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-subtitle +{ +color: #303032; +} +.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-subtitle +{ +color: #96182d; +text-shadow:0 0 2px black; +} +.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-subtitle,.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-roll-subtitle +{ +letter-spacing: 0px; +font-weight: 400; +line-height: 0px; +font-style: normal; +position: relative; +top: -5px; +} +.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-subtitle +{ +font-family: Tahoma, Gadget, sans-serif; +text-transform: uppercase; +font-size: 91%; +color: #8da8bb; +} +.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-roll-subtitle +{ +font-family: sans-serif; +color: #ffffff; +text-transform: none; +font-size: 110%; +} + +/* Inlinerolls */ + +.sheet-rolltemplate-bitd .inlinerollresult +{ +border: 0px solid white !important; +background-color: rgba(158, 100, 81, 0); +font-weight: normal; +padding-left: 0; +} + +/* Position and Effect */ + +.sheet-rolltemplate-bitd .sheet-roll-position,.sheet-rolltemplate-bitd .sheet-roll-effect +{ +display: inline-block; +box-sizing: border-box; +width: 49%; +font-family: Tahoma, Gadget, sans-serif; +color: white; +text-transform: uppercase; +font-size: 82%; +letter-spacing: 1px; +padding-top: 20px; +padding-left: 29px; +} +.sheet-rolltemplate-bitd .sheet-roll-effect +{ +padding-left: 15px; +} + +/* Dice */ + +.sheet-rolltemplate-bitd .sheet-roll-dice +{ +font-family: Tahoma, Gadget, sans-serif; +text-transform: uppercase; +height: 27px; +font-size: 137%; +letter-spacing: 0px; +font-weight: 800; +line-height: 20px; +padding: 41px 30px 20px; +color: white; +} +.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-dice,.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-roll-dice +{ +position: relative; +top: -4px; +} +.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-dice +{ +padding-top: 10px; +padding-bottom: 10px; +color: #303032; +} + +/* Instructions and Notes */ + +.sheet-rolltemplate-bitd .sheet-roll-instructions +{ +font-family: Tahoma, Gadget, sans-serif; +} +.sheet-rolltemplate-bitd .sheet-roll-instructions em +{ +font-style: normal; +font-weight: 800; +} +.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-instructions +{ +color: #d3dde4; +font-size: 95%; +} +.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-roll-instructions +{ +color: #c9c9c9; +font-size: 81%; +line-height: 119%; +} +.sheet-rolltemplate-bitd .sheet-roll-notes +{ +width: 46%; +line-height: 112%; +font-size: 98%; +padding: 20px 0 30px 29px; +color: #1e1e1e; +font-family: Tahoma, Gadget, sans-serif; +} + +/* Dice rolls */ + +.sheet-rolltemplate-bitd .sheet-comma:last-child +{ +display: none; +} + + + +/* TIER TEMPLATE */ + + + +.sheet-rolltemplate-bitd-tier .sheet-rolltableholder{ +margin-left: -45px; +margin-right: -1px; +background-image: url(http://i.imgur.com/0aMMISi.jpg); +width: 299px; +height: 171px; +font-variant-numeric: lining-nums; +} + +.sheet-rolltemplate-bitd-tier .sheet-rolltablename{ +font-family: Tahoma, Gadget, Sans-serif; +color: #8da8bb; +text-transform: uppercase; +font-size: 91%; +letter-spacing: 0px; +padding-left: 30px; +font-weight: 400; +line-height: 0px; +height: 20px; +padding-top: 32px; +} + +.sheet-rolltemplate-bitd-tier .sheet-rolltablerolls{ +font-family: Tahoma, Gadget, Sans-serif; +color: #8da8bb; +text-transform: uppercase; +font-size: 91%; +letter-spacing: 0px; +padding-left: 30px; +font-weight: 400; +line-height: 0px; +font-style: normal; +position: relative; +top: -5px; +} + +.sheet-rolltemplate-bitd-tier .sheet-rolltabletitle{ +padding-left: 30px; +padding-top: 7px; +} + +.sheet-rolltemplate-bitd-tier .sheet-rolltabledice{ +height: 27px; +padding-top: 41px; +padding-left: 30px; +padding-right: 30px; +padding-bottom: 20px; +font-family: Tahoma, Gadget, Sans-serif; +color: white; +text-transform: uppercase; +font-size: 137%; +letter-spacing: 0px; +font-weight: 800; +line-height: 20px; +position: relative; +top: -4px; +} + +.sheet-rolltemplate-bitd-tier .inlinerollresult{ +border: 0px solid white !important; +background-color: rgba(158, 100, 81, 0); +font-weight: normal; +padding-left: 0; +position: relative; +} + +.sheet-rolltemplate-bitd-tier .sheet-comma:last-child{ +display: none; +} + +.sheet-rolltemplate-bitd-tier .sheet-zerodice1{ +position: relative; +top: 4px; +font-size: 103%; +font-family: tahoma, gadget, sans-serif; +text-shadow: 0px 0px 6px rgb(9, 199, 208); +color: #ffffff; +} + +.sheet-rolltemplate-bitd-tier .sheet-zerodice1 .inlinerollresult{ +top: 0px; +} + +.sheet-rolltemplate-bitd-tier .sheet-zerodice2{ +line-height: 100%; +font-size: 67%; +font-style: italic; +text-transform: none; +font-weight: 400; +letter-spacing: 0; +padding-top: 8px; +text-shadow: 0px 0px 6px rgb(9, 199, 208); +color: #d8e4ef; +} + +.sheet-rolltemplate-bitd-tier img{ +height: 22px; +} + + +/* ENTANGLEMENT TEMPLATE */ + + + +.sheet-rolltemplate-bitd-entangle .sheet-rolltableholder{ +margin-left: -45px; +margin-right: -1px; +background-image: url(http://i.imgur.com/JRHeBtH.jpg); +width: 299px; +height: 171px; +font-variant-numeric: lining-nums; +} + +.sheet-rolltemplate-bitd-entangle .sheet-rolltablename{ +font-family: Tahoma, Gadget, Sans-serif; +color: #ffffff; +text-transform: none; +font-size: 110%; +letter-spacing: 0px; +padding-left: 28px; +font-weight: 400; +line-height: 0px; +height: 20px; +padding-top: 32px; +} + +.sheet-rolltemplate-bitd-entangle .sheet-rolltablerolls{ +font-family: Tahoma, Gadget, Sans-serif; +color: #ffffff; +text-transform: none; +font-size: 110%; +letter-spacing: 0px; +padding-left: 28px; +font-weight: 400; +line-height: 0px; +font-style: normal; +position: relative; +top: -5px; +} + +.sheet-rolltemplate-bitd-entangle .sheet-rolltabletitle{ +padding-left: 27px; +padding-top: 8px; +position: relative; +top: 5px; +} + +.sheet-rolltemplate-bitd-entangle .sheet-rolltabledice{ +height: 27px; +padding-top: 41px; +padding-left: 30px; +padding-right: 30px; +padding-bottom: 20px; +font-family: tahoma, gadget, sans-serif; +color: white; +text-transform: uppercase; +font-size: 137%; +letter-spacing: 0px; +font-weight: 800; +line-height: 20px; +position: relative; +top: -4px; +} + +.sheet-rolltemplate-bitd-entangle .inlinerollresult{ +border: 0px solid white !important; +background-color: rgba(158, 100, 81, 0); +font-weight: normal; +padding-left: 0; +position: relative; +} + +.sheet-rolltemplate-bitd-entangle .sheet-comma:last-child{ +display: none; +} + +.sheet-rolltemplate-bitd-entangle .sheet-zerodice1{ +position: relative; +top: 4px; +font-size: 103%; +font-family: tahoma, gadget, sans-serif; +text-shadow: 0px 0px 6px rgb(9, 199, 208); +color: #ffffff; +} + +.sheet-rolltemplate-bitd-entangle .sheet-zerodice1 .inlinerollresult{ +top: 0px; +} + +.sheet-rolltemplate-bitd-entangle .sheet-zerodice2{ +line-height: 100%; +font-size: 67%; +font-style: italic; +text-transform: none; +font-weight: 400; +letter-spacing: 0; +padding-top: 8px; +text-shadow: 0px 0px 6px rgb(9, 199, 208); +color: #d8e4ef; +} + +.sheet-rolltemplate-bitd-entangle .sheet-resistinstructions{ +font-family: tahoma, gadget, sans-serif; +padding: 15px 56px 0px 27px; +color: #c9c9c9; +font-weight: 200; +font-size: 81%; +line-height: 119%; +} + +.sheet-rolltemplate-bitd-entangle .sheet-resistinstructions em{ +font-style: normal; +font-weight: 800; +} + + +/* COHORT TEMPLATE */ + + + +.sheet-rolltemplate-bitd-cohort .sheet-rolltableholder{ +margin-left: -45px; +margin-right: -1px; +background-image: url(http://i.imgur.com/0aMMISi.jpg); +width: 299px; +height: 171px; +font-variant-numeric: lining-nums; +} + +.sheet-rolltemplate-bitd-cohort .sheet-rolltablename{ +font-family: Tahoma, Gadget, Sans-serif; +color: #8da8bb; +text-transform: uppercase; +font-size: 91%; +letter-spacing: 0px; +padding-left: 30px; +font-weight: 400; +line-height: 0px; +height: 20px; +padding-top: 32px; +} + +.sheet-rolltemplate-bitd-cohort .sheet-rolltablerolls{ +font-family: Tahoma, Gadget, Sans-serif; +color: #8da8bb; +text-transform: uppercase; +font-size: 91%; +letter-spacing: 0px; +padding-left: 30px; +font-weight: 400; +line-height: 0px; +font-style: normal; +position: relative; +top: -5px; +} + +.sheet-rolltemplate-bitd-cohort .sheet-rolltabletitle{ +padding-left: 30px; +padding-top: 7px; +} + +.sheet-rolltemplate-bitd-cohort .sheet-rolltabledice{ +height: 27px; +padding-top: 41px; +padding-left: 30px; +padding-right: 30px; +padding-bottom: 20px; +font-family: Tahoma, Gadget, Sans-serif; +color: white; +text-transform: uppercase; +font-size: 137%; +letter-spacing: 0px; +font-weight: 800; +line-height: 20px; +position: relative; +top: -4px; +} + +.sheet-rolltemplate-bitd-cohort .inlinerollresult{ +border: 0px solid white !important; +background-color: rgba(158, 100, 81, 0); +font-weight: normal; +padding-left: 0; +position: relative; +} + +.sheet-rolltemplate-bitd-cohort .sheet-comma:last-child{ +display: none; +} + +.sheet-rolltemplate-bitd-cohort .sheet-zerodice1{ +position: relative; +top: 4px; +font-size: 103%; +font-family: sans-serif; +text-shadow: 0px 0px 6px rgb(9, 199, 208); +color: #ffffff; +} + +.sheet-rolltemplate-bitd-cohort .sheet-zerodice1 .inlinerollresult{ +top: 0px; +} + +.sheet-rolltemplate-bitd-cohort .sheet-zerodice2{ +line-height: 100%; +font-size: 67%; +font-style: italic; +text-transform: none; +font-weight: 400; +letter-spacing: 0; +padding-top: 8px; +text-shadow: 0px 0px 6px rgb(9, 199, 208); +color: #d8e4ef; +} + +.sheet-rolltemplate-bitd-cohort img{ +height: 22px; +} + diff --git a/Scum - Villainy/scum.html b/Scum - Villainy/scum.html new file mode 100644 index 0000000000..5e7c02f565 --- /dev/null +++ b/Scum - Villainy/scum.html @@ -0,0 +1,1336 @@ + +
+ + +
y +
+
+ + +
+
+ + Add abilitiesAdd friends/contacts +
+
Show an extra stress box
+
Show an extra trauma box
+
Show another stress box
+
Show an extra xp condition
+
Show yet another stress box
+
Show playbook item 0
+
Show playbook item 1
+
Show playbook item 2
+
Show playbook item 3
+
Show playbook item 4
+
Show playbook item 5
+
Show playbook item 6
+
Show playbook item 7
+
Show playbook item 8
+
Show playbook item 9
+
Show playbook item 10
+
Show playbook item 11
+
Show playbook item 12
+
Show playbook item 13
+
Show playbook item 14
+
Show playbook item 15
+
Show playbook item 16
+
Show playbook item 17
+
Show Ship Upgrade 1
+
Show Ship Upgrade 2
+
Show Ship Upgrade 3
+
Show Ship Upgrade 4
+
Show Ship Upgrade 5
+
Show Ship Upgrade 6
+
Show Ship Upgrade 7
+
number of Starting Gambits
+
Label to use for Stress
+
Label to use for Trauma
+
+ Load: + light + normal + heavy +
+
Original by Tim Denee & Jakob Oesinghaus
+
+ + + + + +
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + + + + + + +
+ +
+ You have an intense need: life essence. To satisfy this need, possess a living victim and consume their spirit energy (this may be a downtime action). When you do so, clear half your drain (round down). +
+ +
+ + + Your clockwork body runs on electroplasm. Recharge your capacitors by connecting to an industrial-grade generator (downtime action). When you do this, clear 5 drain. +
+ +
+ Your vice is life essence, consumed from a living human. Use 1 downtime activity to DOCTOR prey and indulge your vice. Also, when you feed, erase all level 1 harm and mark 4 ticks on your healing clock. is is the only way you can heal. How do you feed? What telltale sign do you leave on your victims? + +
+
+
+
+
+ +
+
+ +
+
+ + + +
+ +
+
+
+
+
+
+ +
+ +
+ +
+
+
+ +
+ Cold + Haunted + Obsessed + Paranoid
+ Reckless + Soft + Unstable + Vicious +
+
+
+
+ +
+
+
Harm
+
+
+
3
+
+
+ +
+
+
Need Help
+
+
+
2
+
+
+ +
+
+ +
+
+
-1D
+
+
+
1
+
+
+ +
+
+ +
+
+
Less Effect
+
+ +
+ Recovery Get treatment in downtime to activate your healing project clock ► +
+ Progress + 0 + 1 + 2 + 3 + 4 + 5 + 6 +
+
+
+
+ +
+ +
+
+
Armor
+
+

+
+
+
+

+
+
+
+
+
+ +
+
+
+
Cred
+
+
+
+
+
Stash
+
+
+ +
+
+


+
+
+
+
+ +
+
Starting Ability
+
+
+ + + +
+
+
Special Abilities
+
+
+
+ + + +
+
+
+
+ +
+
+
Mark XP:
+
+
+ + + +
+
Playbook Advancement
+
+
+ +
+
    +
  • Every time you roll a desperate action, mark xp in that action's attribute.
    • +
  • At the end of each session, for each item below, mark 1 xp (in your playbook or an attribute) or 2 xp if that item occurred multiple times.
    • +
    • +
    • +
    • +
    • +
+
+
+
+
+
Teamwork
+
Lead a group action
+
Set up a teammate
+
Protect a teammate
+
Assist a teammate
+
+ +
+
+
Gather Information
+
+
    +
    • +
    • +
    • +
    • +
    • +
    • +
+
+
+ +
+ +
+
+
+
+ +
+
+
+ Load +
Light
Normal
Heavy
+
+ Items(italics don't count for load) +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Planning & Load
+
+ Choose a plan, provide the detail.
+ Choose your load for the operation. +
+
Assault: Point of attack
+
Deception: Method
+
Infiltration: Entry point
+
Mystic: Arcane power
+
Social: Social Connection
+
Transport: Locations / Route
+
+
+ +
+
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+
+ +
+
Bonus Dice
+ +
+
+
+
+ Push yourself (take 2 ) -or- accept a Devil's Bargain +
+
+ +
+
+
+
+ Assist (They take 1 ) +
+
+ +
+
+
+
+ spend a gambit +
+
+
Gambits
+
+
+
+
+ Add a gambit to your crew when you roll a 6 or critical on a risky action and you didn't spend a gambit on a bonus die. +
+
+
+ + + +
+
+
+
+
+ +
+
+
+
+
Clocks
Size4-segment6-segment8-segment12-segment
Progress01234
Progress0123456
Progress012345678
Progress0123456789101112

+ + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ + +
+
+
+
+
SHIP SIZE
+
+
+ +
+ Personal + Freighter + Corvette + Frigate + Dreadnaught +
+
+
+
+ +
+ +
+
+

+
+

+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
cred
+
+
+
vault
+
+
+
+ +
+
+ +
+ +
+
+
+
+
+
+
+
Debt
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+

+
+

+
+
+
+
+
+
+
+
+
+
+
+
+
+
Gambits
+
+
+ Reset to gambits at the start of every job +
+
+ +
+
+
+
+
+ +
+
+

+
+

+
+
+
+
+
+
+ +
+
+
+
Upkeep
+
+ + (Systems+Crew)/4 + paid at the start of every downtime.
+
+




+
+
+
+ Skips
+
+
+
+
+ +
+
+

+
+
+
+
+
+
+
+

+
+
+ Shields
+
+
+
+ +
+
+ + +
+
Clocks
Size4-segment6-segment8-segment12-segment
Progress01234
Progress0123456
Progress012345678
Progress0123456789101112
+
+ +
+
+ +
+
Special Abilities
+
+
+
+ + +
+
+
+
+
+
+ Crew/Ship Upgrades +
+
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+
+
Auxiliary
Ship Gear
+
+
+
+
+
+
+
+
Training
Crew Gear
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Contacts
+
+
+
+
+
+
+
+
+
+
+
Mark XP:
+
+
+ + +
+
Crew Advancement
+
+
+
+
    +
  • At the end of each session, for each item below, mark 1 xp (or instead mark 2 xp if that item occurred multiple times).
    • +
    • +
    • +
  • Contend with challenges above your current station.
  • Bolster your crew's reputation or develop a new one.
    • +
  • Express the goals, drives, inner conflict, or essential nature of the crew.
    • +
+
+
+

+ + + +
+
+ +
Generate Factions
+
+
+
+
TierStatusJobs
+
+
+ + + + + +
+
+
+ +
+
TierHoldStatus
+
+
+ + + + + + +
+
+
+
+
TierHoldStatus
+
+
+ + + + +
+ +
+
+
+
War
+
    +
  • When you're at war with any number of factions (status -3), the following penalties apply:
    • +
  • Lose 1 hold (temporarily, while the war persists). This may knock you down a Tier.
  • PCs get only one free downtime action instead of two.
    • +
  • Take +1 heat from each score.
  • Your claims which generate coin (vice dens, fighting pits, fences, etc.) produce only half their normal income (round down).
    • +
+
+
+
+
+
+
+ + + + +
+
{{charname}}
+
{{subtitle}}
+
[{{rolltypetext}}]({{rolltypeimage}})
+
{{#rollGreater() roll1 0}}{{roll1}}, {{/rollGreater() roll1 0}}{{#rollGreater() roll2 0}}{{roll2}}, {{/rollGreater() roll2 0}}{{#rollGreater() roll3 0}}{{roll3}}, {{/rollGreater() roll3 0}}{{#rollGreater() roll4 0}}{{roll4}}, {{/rollGreater() roll4 0}}{{#rollGreater() roll5 0}}{{roll5}}, {{/rollGreater() roll5 0}}{{#rollGreater() bonusdice 0}}{{bonus1}}, {{/rollGreater() bonusdice 0}}{{#rollGreater() bonusdice 1}}{{bonus2}}, {{/rollGreater() bonusdice 1}}{{#rollGreater() bonusdice 2}}{{bonus3}}, {{/rollGreater() bonusdice 2}}{{#rollGreater() bonusdice 3}}{{bonus4}}, {{/rollGreater() bonusdice 3}}{{#rollGreater() bonusdice 4}}{{bonus5}}, {{/rollGreater() bonusdice 4}}{{#rollGreater() bonusdice 5}}{{bonus6}}, {{/rollGreater() bonusdice 5}}{{#rollGreater() zerodice 0}}
{{zerodice}}
+
Zero Dice - take the lowest result above
{{/rollGreater() zerodice 0}}
+ {{#position}}
{{position}}
{{/position}}{{#effect}}
{{effect}}
{{/effect}}{{#resist}}{{^short}}
Suffer 6 stress minus the highest die result. When you roll a critical on resistance, clear 1 stress.
{{/short}}{{/resist}}{{#vice}}{{^short}} +
Clear an amount of stress equal to the highest die result. If the result of your vice roll means you clear more stress levels than you had marked, you overindulge.
+ {{/short}}{{/vice}}{{#notes}} +
{{notes}}
{{/notes}}
+ + + + \ No newline at end of file diff --git a/Scum - Villainy/scum.png b/Scum - Villainy/scum.png new file mode 100644 index 0000000000..ea017855cf Binary files /dev/null and b/Scum - Villainy/scum.png differ diff --git a/Scum - Villainy/sheet.json b/Scum - Villainy/sheet.json new file mode 100644 index 0000000000..a35130852d --- /dev/null +++ b/Scum - Villainy/sheet.json @@ -0,0 +1,8 @@ +{ + "html": "scum.html", + "css": "scum.css", + "authors": "Tim Denee, Jakob Oesinghaus, Chris McDonald", + "roll20userid": "782723, 726129, 693171", + "preview": "scum.png", + "instructions": "This sheet is designed to work with the release version of Scum & Villainy (1.6) It currently has functioning sheets for crew members and the crew's ship, with factions and systems in progress" +} \ No newline at end of file