/*----------- Repeating Blocks -------------*/ .charsheet .repcontrol_add { display: block; background:black; color:white; text-shadow:0px 0px 2px black,0px 0px 2px black,0px 0px 2px black; box-shadow:none; float:left!important; margin-bottom:0px; font-size:0.9em; height:2.2em; } .charsheet .repcontrol_edit { display: inline-block; background:black; color:white; text-shadow:0px 0px 2px black,0px 0px 2px black,0px 0px 2px black; box-shadow:none; float:none!important; margin-bottom:5px; font-size:0.9em; height:2.2em; } .charsheet .repcontrol_del { background:red; color:white; text-shadow:0px 0px 2px black,0px 0px 2px black,0px 0px 2px black; box-shadow:none; float:none!important; margin-bottom:5px; font-size:0.9em; height:2.2em; } /*----------- Tabs Setup -------------*/ .charsheet { background:white; } div.sheet-core-content { display: none; width:840px; } .charsheet div[class^="sheet-section"] { /*visibility: hidden; opacity: 0; max-height:0; overflow: hidden;*/ display: none; /* background-image: url('http://pre02.deviantart.net/97f0/th/pre/i/2012/120/9/f/fma_oc_sonya_shinguki_alchemy_and_arcane_circle_by_captainrougefaye-d4y2wwx.jpg'); background-image: url('http://orig13.deviantart.net/5c76/f/2007/254/a/3/arcane_circles_by_singing3ea.jpg'); background-image: url('http://fc08.deviantart.net/fs70/i/2010/267/f/7/arcane_jumble_background_by_dark_phoenx-d2zf2fv.jpg'); background-image: url('http://olddragon.redboxeditora.com.br/wp-content/uploads/2013/12/arcane_circle_by_winterbaby21-d3b8std1.jpg'); */ background-size:840px; } .charsheet div.sheet-section-6 { background-image: url('http://l.rgbimg.com/cache1nuryT/users/s/su/sundesigns/600/meT2xes.jpg'); background-size: 400px; border-radius:15px; padding:2px; margin:2px; color:white; text-shadow: 0px 0px 3px blue, 0px 0px 3px blue, 0px 0px 3px blue; border: 2px solid transparent; } .charsheet div.sheet-section-7 { background-image: url('http://wallpoper.com/images/00/35/43/25/arcane_00354325.jpg'); background-size: 840px; border-radius:15px; padding:2px; margin:2px; color:white; text-shadow: 0px 0px 3px green, 0px 0px 3px green, 0px 0px 3px green; border: 2px solid transparent; } .charsheet div.sheet-section-6 th, .charsheet div.sheet-section-6 h3, .charsheet div.sheet-section-7 th, .charsheet div.sheet-section-7 h3 { color:white; } .sheet-top_half { background-size:840px; } .charsheet input.sheet-tab1:checked ~ div.sheet-section-1, .charsheet input.sheet-tab2:checked ~ div.sheet-section-2, .charsheet input.sheet-tab3:checked ~ div.sheet-section-3, .charsheet input.sheet-tab4:checked ~ div.sheet-section-4, .charsheet input.sheet-tab5:checked ~ div.sheet-section-5, .charsheet input.sheet-tab6:checked ~ div.sheet-section-6, .charsheet input.sheet-tab7:checked ~ div.sheet-section-7, .charsheet input.sheet-tab8:checked ~ div.sheet-section-8, .charsheet input.sheet-tab9:checked ~ div.sheet-section-9, .charsheet input.sheet-tab10:checked ~ div.sheet-section-10 { /*max-height: 999999px; visibility: visible; opacity: 1; transition: opacity 0.5s linear 0s; overflow: auto;*/ display: block; } .charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] { /*max-height: 999999px; visibility: visible; opacity: 1; transition: opacity 0.5s linear 0s;*/ display: block; } .charsheet input.sheet-tab { width: 70px; height: 20px; cursor: pointer; position: relative; opacity: 0; z-index: 9999; box-shadow: 0px 0px 5px blue; } .charsheet span.sheet-tab { text-align: center; display: inline-block; /*originally inline-block*/ font-size: 13px; background-repeat: no-repeat; color: black; /*originally white*/ /*font-family: "Tinos", "Quattrocento", "Lustria", "Buenardserif", serif;*/ font-weight: bold; border-radius: 4px; border: 2px solid black; width: 70px; /*originally 87px*/ height: 20px; /*originally 20px*/ cursor: pointer; position: relative; vertical-align: middle; margin-left: -75px;/*originally 91px*/ } .charsheet input.sheet-tab1:checked + span.sheet-tab1, .charsheet input.sheet-tab2:checked + span.sheet-tab2, .charsheet input.sheet-tab3:checked + span.sheet-tab3, .charsheet input.sheet-tab4:checked + span.sheet-tab4, .charsheet input.sheet-tab5:checked + span.sheet-tab5, .charsheet input.sheet-tab6:checked + span.sheet-tab6, .charsheet input.sheet-tab7:checked + span.sheet-tab7, .charsheet input.sheet-tab8:checked + span.sheet-tab8, .charsheet input.sheet-tab9:checked + span.sheet-tab9, .charsheet input.sheet-tab10:checked + span.sheet-tab10, .charsheet input.sheet-tab99:checked + span.sheet-tab99 { background: black; /*originally ab8b57*/ color: white; /*originally white*/ border-radius: 4px; border: 2px solid red; } /*----------- End Tab Setup -----------*/ /*----------- Font -----------*/ /* Top Half */ .sheet-table th { color:#591E22; } .sheet-attribute[type="number"] { text-align:center; border:none; background:transparent; } .sheet-attribute1[type="number"] { text-align:center; border:none; background:transparent; font-weight:bold; font-size:1.2em; outline:none; box-shadow:none; } table.sheet-wounds th, table.sheet-wounds td { height:40px; vertical-align:bottom; } .sheet-hidden { display:none; } .sheet-tiny { font-size:0.6em; width:20px; border-top:none; border-right:none; border-left:none; border-radius:0px; box-shadow:none; } .sheet-tiny:focus { background: gray; color:white; } select.sheet-smallselect { border: 1px solid #848484; border-radius:0px; border-left: none; border-right: none; outline:0; width: 105px; background-color:white; box-shadow:none; outline:0; text-align: right; padding-left:2px; } .sheet-bio[type="text"] { border-left:none; border-top:none; box-shadow:none; border-color: black; border-style: solid; border-width: 0px; border-bottom-width: 2px; border-right-width: 3px; border-top-right-radius: 10px; width:170px; } .sheet-bio[type="number"] { border-left:none; border-top:none; box-shadow:none; border-color: black; border-style: solid; border-width: 0px; border-bottom-width: 2px; border-right-width: 3px; border-top-right-radius: 10px; } /*----------- Basic -----------*/ /* ----Big Check checkbox---- */ /* ----Hide actual sheet-bigcheck checkbox---- */ input.sheet-bigcheck[type="checkbox"] { opacity: 0; width: 16px; height: 16px; position: relative; top: 5px; left: 6px; margin: -8px; cursor: pointer; z-index: 1; } /* ----Fake sheet-bigcheck checkbox---- */ input.sheet-bigcheck[type="checkbox"] + span::before { margin-right: 4px; border: solid 1px #a8a8a8; line-height: 14px; text-align: center; display: inline-block; vertical-align: middle; -moz-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; box-shadow: 0 0 2px #ccc; background: #f6f6f6; background: -moz-radial-gradient(#f6f6f6, #dfdfdf); background: -webkit-radial-gradient(#f6f6f6, #dfdfdf); background: -ms-radial-gradient(#f6f6f6, #dfdfdf); background: -o-radial-gradient(#f6f6f6, #dfdfdf); background: radial-gradient(#f6f6f6, #dfdfdf); } input.sheet-bigcheck[type="checkbox"] + span::before { content: ""; width: 14px; height: 14px; font-size: 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } input.sheet-bigcheck[type="checkbox"]:checked + span::before { color: red; content: "✓"; }/* ----Black checkbox---- */ /* ----Hide actual sheet-black checkbox---- */ input.sheet-black[type="checkbox"] { opacity: 0; width: 12px; height: 12px; position: relative; top: 0px; left: 5px; margin: -5px; cursor: pointer; z-index: 1; } /* ----Fake sheet-black checkbox---- */ input.sheet-black[type="checkbox"] + span::before { margin-right: 4px; border: solid 1px black; line-height: 10px; text-align: center; display: inline-block; vertical-align: middle; -moz-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; box-shadow: 0 0 2px #ccc; background: black; } input.sheet-black[type="checkbox"] + span::before { content: ""; width: 10px; height: 10px; font-size: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } input.sheet-black[type="checkbox"]:checked + span::before { color: red; content: "✓"; } /*----------- Skill -----------*/ .sheet-textbox_left { -moz-border-radius-topleft: 30px; -webkit-border-top-left-radius: 30px; border-top-left-radius: 30px; border: 1px solid #848484; outline:0; height:25px; width: 130px; background-color: #591E22; color: white; text-align: right; } .sheet-textbox_left-spec { -moz-border-radius-topleft: 30px; -webkit-border-top-left-radius: 30px; border-top-left-radius: 30px; border: 1px solid #848484; outline:0; height:25px; width: 130px; padding-left:20px; background-color: black; color: white; text-align: right; } .sheet-textbox_left-spec::-webkit-input-placeholder , .sheet-textbox_left::-webkit-input-placeholder { font-weight: normal; color:white; font-style:italic; } .sheet-textbox_left-spec:-moz-placeholder, .sheet-textbox_left:-moz-placeholder { /* Firefox 18- */ font-weight: normal; color:white; font-style:italic; } .sheet-textbox_left-spec::-moz-placeholder, .sheet-textbox_left::-moz-placeholder { /* Firefox 19+ */ font-weight: normal; color:white; font-style:italic; } .sheet-textbox_left-spec:-ms-input-placeholder, .sheet-textbox_left:-ms-input-placeholder { font-weight: normal; color:white; font-style:italic; } select { overflow: hidden; -webkit-appearance: none; background:transparent; text-indent: 0.01px; -webkit-user-select: none; -moz-user-select: none; -webkit-padding-end: 00px; -moz-padding-end: 00px; margin-top: 0px; margin-bottom: 0px; padding-top:0px; } input.sheet-textbox_right, select.sheet-textbox_right { -moz-border-radius-bottomright: 30px; -webkit-border-bottom-right-radius: 30px; border-bottom-right-radius: 30px; border: 1px solid #848484; border-left: none; margin-left: -5px; outline:0; width: 105px; background-color:white; box-shadow:none; outline:0; text-align: right; padding-left:2px; } .sheet-textbox_right2, select.sheet-textbox_right2 { -moz-border-radius-bottomright: 30px; -webkit-border-bottom-right-radius: 30px; border-bottom-right-radius: 30px; border: 1px solid #848484; border-left: none; margin-left: -5px; outline:0; width: 130px; background-color:white; box-shadow:none; outline:0; text-align: right; padding-left:2px; font-size:0.8em; } input.sheet-textbox_right { margin-left: 0px; text-align: left; } div.sheet-2border { border-top:1px solid #848484; border-bottom:1px solid #848484; padding-top:4px; padding-bottom:4px; border-left: none; margin-left: -5px; outline:0; background:white; } table.sheet-setup { font-size:0.8em; } /* ===== Combat ===== */ .sheet-Movement { border: 1px solid #848484; border-left: none; border-right: none; outline:0; width: 105px; background-color:white; box-shadow:none; outline:0; text-align: right; padding-left:2px; } .sheet-steel { background-image: url('http://pre04.deviantart.net/c0ff/th/pre/f/2007/209/5/e/metal_texture_5_by_wojtar_stock.jpg'); color:white; text-shadow: 0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black; border-radius:15px; margin-left: 5px; margin-right: 5px; padding:5px; } select.sheet-weapon_select-left { -moz-border-radius-topleft: 30px; -webkit-border-top-left-radius: 30px; border-top-left-radius: 30px; border: 1px solid #848484; border-right: none; margin-right: 0px; outline:0; width: 105px; background-color:white; box-shadow:none; outline:0; text-align: right; padding-left:5px; } select.sheet-weapon_select-right { -moz-border-radius-bottomright: 30px; -webkit-border-bottom-right-radius: 30px; border-bottom-right-radius: 30px; border: 1px solid #848484; border-right: none; margin-right: 0px; outline:0; width: 105px; background-color:white; box-shadow:none; outline:0; text-align: right; padding-left:5px; } .sheet-black_back { background:black; } /* ----- Tager -----*/ input.sheet-tager_human + span::before { opacity: 1; margin-bottom: 10px; } div.sheet-human_block { display: inline; } div.sheet-tager_block { display: none; } input.sheet-tager_human:checked ~ div.sheet-human_block { display: none; } input.sheet-tager_human:checked ~ div.sheet-tager_block { display: inline; } .sheet-arcane_green { width:275px; background: url('https://78.media.tumblr.com/2326815cab68c1ec514ce60fff9b3f49/tumblr_pderycBCGy1s9slulo1_1280.jpg'); background-size: 400px; border-radius:15px; padding:2px; margin:2px; color:white; text-shadow: 0px 0px 3px blue, 0px 0px 3px blue, 0px 0px 3px blue; border: 2px solid transparent; } .sheet-mundane_metal h4, .sheet-mundane_metal h5, .sheet-arcane_green h3, .sheet-arcane_green h4 { color:white; text-shadow: 0px 0px 3px blue, 0px 0px 3px blue, 0px 0px 3px blue; } .sheet-arcane_green h5 { text-shadow:none; color:white; } .sheet-attribute_tager[type="number"] { text-align:center; border:none; background:white; } .sheet-attribute_tager1[type="number"] { text-align:center; border:none; background:transparent; font-weight:bold; font-size:1.2em; outline:none; box-shadow:none; color:white; text-shadow: 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black; } .sheet-arcane_black { width:780px; background: url('http://img01.deviantart.net/650f/i/2009/280/4/f/arcane_nova_wallpaper_by_halo_ring.png'); background-size: contain; border-radius:15px; padding:2px; margin:2px; color:#fff; text-shadow: 0px 0px 3px #591E22, 0px 0px 3px #591E22, 0px 0px 3px #591E22, 0px 0px 3px #591E22, 0px 0px 3px #591E22; border: 2px solid transparent; } .sheet-mundane_green { width:275px; border-radius:15px; padding:2px; margin:2px; color:#591E22; border: 2px solid #591E22; } .sheet-arcane_green h5.sheet-senses { width:350px; background:black; color:#0B9F7D; border:none; box-shadow:none; font-weight: bold; text-shadow:none; border-radius:20px; padding-left:10px; padding-right:10px; margin-left:20px; word-wrap: normal; } .sheet-mundane_green h5.sheet-senses { width:350px; background:white; color:black; border:none; box-shadow:none; font-weight: bold; text-shadow:none; border-radius:20px; padding-left:10px; padding-right:10px; margin-left:20px; word-wrap: normal; } div.sheet-table_tager { border-radius: 5px; height: 16px; width: 72px; font-weight:bold; margin: 1px; background: #b30000; border: 2px solid black; font-size:1em !important; color:white; padding:2px; text-align:center; text-shadow:none; } .sheet-right { float: right; } div.sheet-form { position: relative; width: 50px; height: 20px; left:260px; top:30px; margin:-30px; } input.sheet-form { width: 50px; height: 20px; position: absolute; left:0px; top:-20px; z-index: 1; opacity: 0; } span.sheet-form { margin: 10px 0 0 40px; display: none; position: absolute; left:-40px; top:-30px; width:50px; text-align:center; } input.sheet-man { z-index: 2; } input.sheet-man:checked + input.sheet-monster, input.sheet-monster:checked + input.sheet-man { z-index: 3; } input.sheet-man:checked ~ span.sheet-man, input.sheet-monster:checked ~ span.sheet-monster { display: inline-block; } /* ===== Para-psychic =====*/ /* ===== Magic =====*/ .sheet-arcane_spell { width:800px; background: url('http://i189.photobucket.com/albums/z87/Midori_Oyasumi/Wallpapers%20and%20Such/ArcaneCircles-1.png~original'); background-size: 365px; border-radius:15px; padding:2px; margin:2px; border: 2px solid transparent; } select.sheet-occult, .sheet-occult { border: 1px solid #848484; border-left: none; border-right: none; outline:0; width: 180px; background-color:white; box-shadow:none; outline:0; text-align: center; padding-left:2px; } /* ----- Mecha/Vehicle -----*/ input.sheet-Mecha_Vehicle + span::before { opacity: 1; margin-bottom: 10px; } div.sheet-Vehicle_block { display: inline; } div.sheet-Mecha_block { display: none; } input.sheet-Mecha_Vehicle:checked ~ div.sheet-Vehicle_block { display: none; } input.sheet-Mecha_Vehicle:checked ~ div.sheet-Mecha_block { display: inline; } .sheet-mundane_metal { background: url('http://bgfons.com/upload/iron_texture47.jpg'); background-size: 400px; border-radius:15px; padding:2px; margin:2px; color:white; text-shadow: 0px 0px 3px blue, 0px 0px 3px blue, 0px 0px 3px blue; border: 2px solid transparent; } .sheet-mecha_metal { background: url('http://www.background-texture.com/backgroundtextures/industrial/backgroundtexture-industrial1.jpg'); background-size: 400px; border-radius:15px; padding:2px; margin:2px; color:white; text-shadow: 0px 0px 3px red, 0px 0px 3px red, 0px 0px 3px red; border: 2px solid transparent; } .sheet-mecha_metal h4, .sheet-mecha_metal h5 { color:white; } .sheet-white { background: white; background-size: 400px; border-radius:15px; padding:2px; margin:2px; color:black; text-shadow:none; border: 2px solid transparent; } .sheet-white h4, .sheet-white h5 { color:black; text-shadow:none; } /* ===== Textarea =====*/ textarea.sheet-textarea { width:95%; resize: vertical; overflow: auto; } /* ===== Check and Radio Boxes =====*/ /* Sheet Arrow */ .sheet-hidden[type="checkbox"] { display: none; } input.sheet-hider { float: left; } div.sheet-body { display: none; } input.sheet-hider:checked ~ div.sheet-body { display: block; } /* ----Hide actual sheet-arrow checkbox---- */ input.sheet-paper[type="checkbox"], input.sheet-pulse[type="checkbox"] { position: relative; top: 10px; left: 15px; opacity: 0; width: 16px; height: 16px; margin: -10px; cursor: pointer; z-index: 1; } /* -----Fake sheet-pulse checkbox----- */ input.sheet-pulse[type="checkbox"] + span::before { position:relative; left:5px; top:-5px; margin-right: 4px; line-height: 14px; text-align: center; display: inline-block; vertical-align: middle; font-family: "Pictos"; content: "Y"; width: 14px; height: 14px; font-size: 16px; } input.sheet-pulse[type="checkbox"]:checked + span::before { text-shadow: 0px 0px 5px red, 0px 0px 5px red, 0px 0px 5px red; } /* -----Fake sheet-paper checkbox----- */ input.sheet-paper[type="checkbox"] + span::before { float: left; position:relative; left:5px; top:0px; margin-right: 4px; line-height: 14px; text-align: center; display: inline-block; vertical-align: middle; font-family: "Pictos"; content: "n"; width: 14px; height: 14px; font-size: 16px; margin-right: 10px; } input.sheet-paper[type="checkbox"]:checked + span::before { text-shadow: 0px 0px 5px blue, 0px 0px 5px red, 0px 0px 5px red; } /* Sheet-gear */ /* ----Hide actual sheet-gear checkbox---- */ input.sheet-gear[type="checkbox"] { position: relative; top: -2px; left: 10px; opacity: 0; width: 16px; height: 16px; margin: -10px; cursor: pointer; z-index: 1; } /* -----Fake sheet-pulse checkbox----- */ input.sheet-gear[type="checkbox"] + span::before { position:relative; left:5px; top:3px; margin-right: 8px; line-height: 14px; text-align: center; display: inline-block; vertical-align: middle; font-family: "Pictos"; content: "y"; color:black; width: 14px; height: 14px; font-size: 16px; text-shadow: 0px 0px 2px yellow, 0px 0px 2px yellow, 0px 0px 2px yellow; } input.sheet-gear[type="checkbox"]:checked + span::before { font-family: "Pictos Three"; content: "l"; } /* Sheet Normal */ /* -----Hide actual radio----- */ input.sheet-normal[type="radio"] { opacity: 0; width: 16px; height: 16px; position: relative; top: 5px; left: 6px; margin: -10px; cursor: pointer; z-index: 1; } /* -----Fake radio----- */ input.sheet-normal[type="radio"] + span::before { margin-right: 2px; border: solid 1px #a8a8a8; line-height: 12px; text-align: center; display: inline-block; vertical-align: middle; -moz-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; box-shadow: 0 0 2px #ccc; background: #f6f6f6; background: -moz-radial-gradient(#f6f6f6, #dfdfdf); background: -webkit-radial-gradient(#f6f6f6, #dfdfdf); background: -ms-radial-gradient(#f6f6f6, #dfdfdf); background: -o-radial-gradient(#f6f6f6, #dfdfdf); background: radial-gradient(#f6f6f6, #dfdfdf); font-family: 'New Times Roman'; color:black; content: "•"; width: 11px; height: 11px; font-size: 3em; text-shadow:none; color:green; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } input.sheet-normal.sheet-purple[type="radio"] + span::before { color:#8B008B; } .sheet-steel input.sheet-normal[type="radio"] + span::before { color:red; } .sheet-arcane_green input.sheet-normal[type="radio"] + span::before { color:blue; } /* -----Remove dot from all radios _after_ selected one----- */ input.sheet-normal[type="radio"]:checked ~ input.sheet-normal[type="radio"] + span::before { content: ""; } /*------------empty traits-----------*/ input.sheet-health.sheet-zero[type="radio"]:checked + span::before, input.sheet-zero[type="radio"]:checked + span::before { opacity: 0; } input.sheet-health.sheet-zero[type="radio"]:hover + span::before, input.sheet-zero[type="radio"]:hover + span::before { opacity: 1; } input.sheet-health.sheet-zero[type="radio"] + span::before, input.sheet-zero[type="radio"] + span::before { font-size: 12px; content: "✖"; opacity: 0.25; } /* -----Sheet health----- */ /* -----Hide actual radio----- */ input.sheet-health[type="radio"] { opacity: 0; width: 14px; height: 14px; position: relative; top: 4px; left: 4px; margin: -11px; cursor: pointer; z-index: 10; } /* -----Fake radio----- */ input.sheet-health[type="radio"] + span::before { height: 14px; width: 14px; margin: 1px; opacity: .99; line-height: 20px; font-size:12px; text-align: center; display: inline-block; vertical-align: middle; font-family: "Pictos"; content:"L"; background:none; color:red; text-shadow:none; z-index: 9; } /* -----Remove dot from all radios _after_ selected one----- */ input.sheet-health[type="radio"]:checked ~ input.sheet-health[type="radio"] + span::before { color:transparent; } /* -----Sheet shadow----- */ /* -----Hide actual radio----- */ input.sheet-shadow[type="radio"] { opacity: 0; width: 14px; height: 14px; position: relative; top: 22px; left: 10px; margin: -11px; cursor: pointer; z-index: 3; } /* -----Fake radio----- */ input.sheet-shadow[type="radio"] + span::before { height: 14px; width: 14px; margin: 1px; position: relative; top: 18px; left: 6px; line-height: 20px; font-size:12px; text-align: center; display: inline-block; vertical-align: middle; font-family: "Pictos"; content:"L"; background:none; color:white; text-shadow:0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 6px black, 0 0 7px black; z-index: 0; } input.sheet-shadow[type="radio"]:checked + span::before { text-shadow:0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 6px black, 0 0 7px black; } /* -----Remove dot from all radios _after_ selected one----- */ input.sheet-shadow[type="radio"]:checked ~ input.sheet-shadow[type="radio"] + span::before { content:""; text-shadow: none; } /*------------Button-----------*/ /* ======== Sheet Showbutton========*/ .sheet-showbutton button[type="roll"]:before, .sheet-showbutton:before { content: ""!important; display: none; border:none; } .sheet-showbutton button[type="roll"], .sheet-showbutton { display: block; background: blue; border-radius: 5px; height: 20px; width: 44px; margin: 0; background: radial-gradient(circle at 20px 20px, green, #000); border:none; box-shadow: 0px 0px 5px lime; } .sheet-showbutton button[type="roll"]:hover, .sheet-showbutton:hover { background: radial-gradient(circle at 10px 10px, green, #000); } .sheet-showbutton button[type="roll"]:active, .sheet-showbutton:active { background: radial-gradient(circle at 20px 20px, #000, green); } /* ======== Sheet Showbutton========*/ .sheet-Initiative button[type="roll"]:before, .sheet-Initiative:before { content: ""!important; display: none; border:none; } .sheet-Initiative button[type="roll"], .sheet-Initiative { display: block; background: blue; border-radius: 5px; height: 20px; width: 44px; margin: 0; background: radial-gradient(circle at 20px 20px, blue, #000); border:none; box-shadow: 0px 0px 5px lime; } .sheet-Initiative button[type="roll"]:hover, .sheet-Initiative:hover { background: radial-gradient(circle at 10px 10px, blue, #000); } .sheet-Initiative button[type="roll"]:active, .sheet-Initiative:active { background: radial-gradient(circle at 20px 20px, #000, blue); } /* ======== Sheet btn_attack========*/ .sheet-btn_attack button[type="roll"]:before, .sheet-btn_attack:before { content: ""!important; display: none; border:none; } .sheet-btn_attack button[type="roll"], .sheet-btn_attack { display: block; background: blue; border-radius: 5px; height: 20px; width: 44px; margin: 0; background: radial-gradient(circle at 20px 20px, black, #ffffff); border:none; box-shadow: 0px 0px 5px black; } .sheet-btn_attack button[type="roll"]:hover, .sheet-btn_attack:hover { background: radial-gradient(circle at 10px 10px, black, #ffffff); } .sheet-btn_attack button[type="roll"]:active, .sheet-btn_attack:active { background: radial-gradient(circle at 20px 20px, #ffffff, black); } /* ======== Sheet btn_damage ========*/ .sheet-btn_damage button[type="roll"]:before, .sheet-btn_damage:before { content: ""!important; display: none; border:none; } .sheet-btn_damage button[type="roll"], .sheet-btn_damage { display: block; background: blue; border-radius: 5px; height: 20px; width: 44px; margin: 0; background: radial-gradient(circle at 20px 20px, black, #b30000); border:none; box-shadow: 0px 0px 5px #b30000; } .sheet-btn_damage button[type="roll"]:hover, .sheet-btn_damage:hover { background: radial-gradient(circle at 10px 10px, black, #b30000); } .sheet-btn_damage button[type="roll"]:active, .sheet-btn_damage:active { background: radial-gradient(circle at 20px 20px, #b30000, black); } /* ======== Sheet skill_btn_spec ========*/ .sheet-skill_btn_spec button[type="roll"]:before, .sheet-skill_btn_spec:before { content: ""!important; display: none; border:none; } .sheet-skill_btn_spec button[type="roll"], .sheet-skill_btn_spec { display: block; background: blue; border-radius: 5px; height: 20px; width: 44px; margin: 0; background: radial-gradient(circle at 20px 20px, black, #591E22); border:none; box-shadow: 0px 0px 5px #b30000; } .sheet-skill_btn_spec button[type="roll"]:hover, .sheet-skill_btn_spec:hover { background: radial-gradient(circle at 10px 10px, black, #591E22); } .sheet-skill_btn_spec button[type="roll"]:active, .sheet-skill_btn_spec:active { background: radial-gradient(circle at 20px 20px, #591E22, black); } /* ======== Sheet Feat========*/ .sheet-feat_button button[type="roll"]:before, .sheet-feat_button:before { content: ""!important; display: none; border:none; } .sheet-feat_button button[type="roll"] input, .sheet-feat_button button[type="roll"] label, .sheet-feat_button button[type="roll"], .sheet-feat_button { border-radius: 5px; height: 20px; width: 70px; font-weight:bold; margin: 0; background: transparent; border: 2px solid black; padding:2px; font-size:1em !important; color:#b30000; text-shadow:none; } .sheet-feat_button button[type="roll"]:hover, .sheet-feat_button:hover { background: #b30000; color:white; } .sheet-tager_block .sheet-feat_button button[type="roll"]:active, .sheet-tager_block .sheet-feat_button:active { color:#b30000; } .sheet-tager_block .sheet-feat_button button[type="roll"]:hover, .sheet-tager_block .sheet-feat_button:hover, .sheet-feat_button button[type="roll"]:active, .sheet-feat_button:active { background: black; border: 2px solid #b30000; } .sheet-tager_block .sheet-feat_button button[type="roll"] input, .sheet-tager_block .sheet-feat_button button[type="roll"] label, .sheet-tager_block .sheet-feat_button button[type="roll"], .sheet-tager_block .sheet-feat_button { border-radius: 5px; height: 20px; width: 70px; font-weight:bold; margin: 0px; background: #b30000; border: 2px solid black; font-size:1em !important; color:white; } /*------------Button-----------*/ /* ======== skill_btn ========*/ .sheet-skill_btn button[type="roll"]:before, .sheet-skill_btn:before { content: ""!important; display: none; border:none; } .sheet-skill_btn button[type="roll"], .sheet-skill_btn { display: block; -moz-border-radius-topleft: 30px; -webkit-border-top-left-radius: 30px; border-top-left-radius: 30px; border: 1px solid #848484; box-shadow: none; outline:0; margin: 0; background: radial-gradient(circle at 20px 20px, #591E22, #000); font-size:1em !important; height:25px; width: 130px; padding-left:20px; color: white; text-align: right; } .sheet-arcaneengineer button[type="roll"], .sheet-arcaneengineer { font-size:0.8em !important; } .sheet-skill_btn button[type="roll"]:hover, .sheet-skill_btn:hover { background: radial-gradient(circle at 40px 10px, #591E22, #000); } .sheet-skill_btn button[type="roll"]:active, .sheet-skill_btn:active { background: radial-gradient(circle at 20px 20px, #000, #591E22); } /*------------Button-----------*/ /* ======== Sheet Regen========*/ .sheet-regen button[type="roll"]:before, .sheet-regen:before { content: ""!important; display: none; border:none; } .sheet-regen button[type="roll"], .sheet-regen { display: block; -moz-border-radius-topleft: 30px; -webkit-border-top-left-radius: 30px; border-top-left-radius: 30px; border: 1px solid #848484; box-shadow: 0px 0px 5px lime; outline:0; margin: 0; background: radial-gradient(circle at 20px 20px, green, #000); font-size:1em !important; height:25px; width: 130px; padding-left:20px; color: white; text-align: right; } .sheet-regen button[type="roll"]:hover, .sheet-regen:hover { background: radial-gradient(circle at 10px 10px, green, #000); } .sheet-regen button[type="roll"]:active, .sheet-regen:active { background: radial-gradient(circle at 20px 20px, #000, green); } /*------------Button-----------*/ /* ======== Sheet Insanity========*/ .sheet-Insanity button[type="roll"]:before, .sheet-Insanity:before { content: ""!important; display: none; border:none; } .sheet-Insanity button[type="roll"], .sheet-Insanity { display: block; -moz-border-radius-topleft: 30px; -webkit-border-top-left-radius: 30px; border-top-left-radius: 30px; border: 1px solid #848484; box-shadow: 0px 0px 5px #800080; outline:0; margin: 0; background: radial-gradient(circle at 20px 20px, #800080, #000); font-size:1em !important; height:25px; width: 130px; padding-left:20px; color: white; text-align: right; } .sheet-Insanity button[type="roll"]:hover, .sheet-Insanity:hover { background: radial-gradient(circle at 10px 10px, #800080, #000); } .sheet-Insanity button[type="roll"]:active, .sheet-Insanity:active { background: radial-gradient(circle at 20px 20px, #000, #800080); } /*------------Button-----------*/ /* ======== Defense ========*/ .sheet-defense button[type="roll"]:before, .sheet-defense:before { content: ""!important; display: none; border:none; } .sheet-defense button[type="roll"], .sheet-defense { display: block; -moz-border-radius-topleft: 30px; -webkit-border-top-left-radius: 30px; border-top-left-radius: 30px; border: 1px solid #848484; box-shadow: none; outline:0; margin: 0; background: radial-gradient(circle at 20px 20px, #b30000, #000); font-size:1em !important; height:25px; width: 130px; padding-left:20px; color: white; text-align: right; } .sheet-defense button[type="roll"]:hover, .sheet-defense:hover { background: radial-gradient(circle at 40px 10px, #b30000, #000); } .sheet-defense button[type="roll"]:active, .sheet-defense:active { background: radial-gradient(circle at 20px 20px, #000, #b30000); } /*------------Button-----------*/ /* ======== comm ========*/ .sheet-comm button[type="roll"]:before, .sheet-comm:before { content: ""!important; display: none; border:none; } .sheet-comm button[type="roll"], .sheet-comm { display: block; -moz-border-radius-topleft: 30px; -webkit-border-top-left-radius: 30px; border-top-left-radius: 30px; border: 1px solid #FFFF00; box-shadow: none; outline:0; margin: 0; background: radial-gradient(circle at 20px 20px, #FFFF00, #000); font-size:1em !important; height:25px; width: 130px; padding-left:20px; color: white; text-shadow: 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black; text-align: right; } .sheet-comm button[type="roll"]:hover, .sheet-comm:hover { background: radial-gradient(circle at 40px 10px, #FFFF00, #000); } .sheet-comm button[type="roll"]:active, .sheet-comm:active { background: radial-gradient(circle at 20px 20px, #000, #FFFF00); } /*=== Roll Templates ===*/ /*=== quality show/drama ===*/ .sheet-rolltemplate-show table { width: 200px; color: white; font-size: 1em; font-family: "Times New Roman", Times, serif; background: url ('http://orig06.deviantart.net/e6f3/f/2007/039/4/1/metal_floor_texture_by_loner654.jpg'); box-shadow: -5px -5px 5px black; border-radius:15px; } .sheet-rolltemplate-show td { padding: 5px; border-radius: 0px 0px 15px 15px; } .sheet-rolltemplate-show tr:first-child { border-bottom: 1px solid black; background: url ('http://orig06.deviantart.net/e6f3/f/2007/039/4/1/metal_floor_texture_by_loner654.jpg'); } .sheet-rolltemplate-show tr { border-bottom: 1px solid black; background: black; } .sheet-rolltemplate-show .sheet-down { position:relative; top:65px; left:-40px; margin:0px; text-align:center; width:105px; overflow:hidden; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); color: white; font-weight:bold; text-shadow: 0px 0px 5px blue, 0px 0px 5px blue, 0px 0px 5px blue; line-height:1em; padding: 0px; } /*=== quality show/drama ===*/ .sheet-rolltemplate-drama table { width: 200px; height: 45px; color: white; font-size: 1em; font-family: "Times New Roman", Times, serif; background: url ('http://orig06.deviantart.net/e6f3/f/2007/039/4/1/metal_floor_texture_by_loner654.jpg'); box-shadow: -5px -5px 5px black; border-radius:15px; } .sheet-rolltemplate-drama th { margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; text-align:center; overflow:hidden; margin:0px; color: white; font-weight:bold; text-shadow: 0px 0px 5px blue, 0px 0px 5px blue, 0px 0px 5px blue; line-height:1em; padding: 0px; } .sheet-rolltemplate-drama .inlinerollresult.importantroll, .sheet-rolltemplate-drama .inlinerollresult.fullfail, .sheet-rolltemplate-drama .inlinerollresult.fullcrit, .sheet-rolltemplate-drama .inlinerollresult { background-color: transparent; border: none; color:white; text-shadow: 0px 0px 3px red,0px 0px 3px red,0px 0px 3px red: } /*=== Damage ===*/ .sheet-rolltemplate-damagetemplate .sheet-left_down { position:relative; top:65px; left:-40px; text-align:center; width:105px; overflow:hidden; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); margin:0px; color: white; font-weight:bold; text-shadow: 0px 0px 5px blue, 0px 0px 5px blue, 0px 0px 5px blue; line-height:1em; padding: 0px; } .sheet-rolltemplate-damagetemplate table { width: 200px; color: white; font-size: 1em; font-family: "Times New Roman", Times, serif; background:black; border-radius:15px; min-height:120px; } .sheet-rolltemplate-damagetemplate th { background-size: contain; color: white; padding: 2px; padding-right: 0px; padding-top:0px; line-height: 1.6em; font-size: 1.2em; border-collapse: collapse; } .sheet-rolltemplate-damagetemplate td { padding: 5px; border-radius:15px; } .sheet-rolltemplate-damagetemplate .sheet-header { color: red; padding: 2px 0px 2px 4px; font-size: 1.1em; font-weight: bold; text-align: left; font-family: "Times New Roman", Times, serif; font-variant: small-caps; letter-spacing: 1px; border-color: red; border-style: solid; border-width: 0px; border-bottom-width: 3px; border-right-width: 4px; border-top-right-radius: 15px; } .sheet-rolltemplate-damagetemplate .inlinerollresult.importantroll, .sheet-rolltemplate-damagetemplate .inlinerollresult.fullfail, .sheet-rolltemplate-damagetemplate .inlinerollresult.fullcrit, .sheet-rolltemplate-damagetemplate .inlinerollresult { background-color: transparent; border: 2px solid red; color:white; text-shadow: 0px 0px 3px red,0px 0px 3px red,0px 0px 3px red; } /*=== TagerDamage ===*/ .sheet-rolltemplate-tagerdamagetemplate .sheet-left_down { position:relative; top:75px; left:-40px; text-align:center; width:105px; overflow:hidden; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); margin:0px; color: white; font-weight:bold; text-shadow: 0px 0px 5px blue, 0px 0px 5px blue, 0px 0px 5px blue; line-height:1em; padding: 0px; } .sheet-rolltemplate-tagerdamagetemplate table { width: 200px; color: white; font-size: 1em; font-family: "Times New Roman", Times, serif; background: url('http://pre08.deviantart.net/7350/th/pre/i/2011/345/6/f/arcane_circles_by_todachan96-d4it7ff.jpg'); border-radius:15px; min-height:120px; } .sheet-rolltemplate-tagerdamagetemplate th { background-size: contain; color: white; padding: 2px; padding-right: 0px; padding-top:0px; line-height: 1.6em; font-size: 1.2em; border-collapse: collapse; } .sheet-rolltemplate-tagerdamagetemplate td { padding: 5px; border-radius:15px; } .sheet-rolltemplate-tagerdamagetemplate .sheet-header { color: red; padding: 2px 0px 2px 4px; font-size: 1.1em; font-weight: bold; text-align: left; font-family: "Times New Roman", Times, serif; font-variant: small-caps; letter-spacing: 1px; border-color: red; border-style: solid; border-width: 0px; border-bottom-width: 3px; border-right-width: 4px; border-top-right-radius: 15px; } .sheet-rolltemplate-tagerdamagetemplate .sheet-header .sheet-weaponheader { text-shadow: 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white; } .sheet-rolltemplate-tagerdamagetemplate .inlinerollresult.importantroll, .sheet-rolltemplate-tagerdamagetemplate .inlinerollresult.fullfail, .sheet-rolltemplate-tagerdamagetemplate .inlinerollresult.fullcrit, .sheet-rolltemplate-tagerdamagetemplate .inlinerollresult { background-color: transparent; border: 2px solid red; color:white; text-shadow: 0px 0px 3px red,0px 0px 3px red,0px 0px 3px red: } .sheet-rolltemplate-tagerdamagetemplate h5.sheet-senses { background:black; color:#0B9F7D; border:none; box-shadow:none; font-weight: bold; text-shadow:none; border-radius:20px; padding-left:10px; padding-right:10px; word-wrap: normal; } /*=== regen ===*/ .sheet-rolltemplate-regen .sheet-left_down { position:relative; top:75px; left:-40px; text-align:center; width:105px; overflow:hidden; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); margin:0px; color: white; font-weight:bold; text-shadow: 0px 0px 5px blue, 0px 0px 5px blue, 0px 0px 5px blue; line-height:1em; padding: 0px; } .sheet-rolltemplate-regen table { width: 200px; color: white; font-size: 1em; font-family: "Times New Roman", Times, serif; background: url('http://pre08.deviantart.net/7350/th/pre/i/2011/345/6/f/arcane_circles_by_todachan96-d4it7ff.jpg'); border-radius:15px; min-height:120px; } .sheet-rolltemplate-regen th { background-size: contain; color: white; padding: 2px; padding-right: 0px; padding-top:0px; line-height: 1.6em; font-size: 1.2em; border-collapse: collapse; } .sheet-rolltemplate-regen td { padding: 5px; border-radius:15px; } .sheet-rolltemplate-regen .sheet-header { color: red; padding: 2px 0px 2px 4px; font-size: 1.1em; font-weight: bold; text-align: left; font-family: "Times New Roman", Times, serif; font-variant: small-caps; letter-spacing: 1px; border-color: red; border-style: solid; border-width: 0px; border-bottom-width: 3px; border-right-width: 4px; border-top-right-radius: 15px; } .sheet-rolltemplate-regen .sheet-header .sheet-weaponheader { text-shadow: 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white; } .sheet-rolltemplate-regen .inlinerollresult.importantroll, .sheet-rolltemplate-regen .inlinerollresult.fullfail, .sheet-rolltemplate-regen .inlinerollresult.fullcrit, .sheet-rolltemplate-regen .inlinerollresult { background-color: transparent; border: 2px solid red; color:white; text-shadow: 0px 0px 3px red,0px 0px 3px red,0px 0px 3px red: } .sheet-rolltemplate-regen h5.sheet-senses { background:black; color:#0B9F7D; border:none; box-shadow:none; font-weight: bold; text-shadow:none; border-radius:20px; padding-left:10px; padding-right:10px; word-wrap: normal; } /*------------comms-----------*/ .sheet-rolltemplate-comms table { width: 189px; padding: 1px; border: 1px solid; background-color: #ffffff; } .sheet-rolltemplate-comms th { color: rgb(126, 45, 64); padding-left: 5px; line-height: 1.3em; font-size: 1.2em; text-align: left; font-family: "Times New Roman", Times, serif; font-variant: small-caps; } .sheet-rolltemplate-comms th.sheet-color { color: #8b0000; } .sheet-rolltemplate-comms td { padding-left: 5px; } .sheet-rolltemplate-comms_tager table { width: 189px; padding: 1px; border: 1px solid green; background-color: #ffffff; } .sheet-rolltemplate-comms_tager th { color: green; padding-left: 5px; line-height: 1.3em; font-size: 1.2em; text-align: left; font-family: "Times New Roman", Times, serif; font-variant: small-caps; } .sheet-rolltemplate-comms_tager th.sheet-color { color: #8b0000; } .sheet-rolltemplate-comms_tager td { padding-left: 5px; }