diff --git a/Cyberpunk 2020/Cyberpunk2020.css b/Cyberpunk 2020/Cyberpunk2020.css index f87c63eff8..17a99b309b 100644 --- a/Cyberpunk 2020/Cyberpunk2020.css +++ b/Cyberpunk 2020/Cyberpunk2020.css @@ -1,5 +1,8 @@ +/* ------------- Background ------------- */ + .charsheet { background: url('http://www.samuriah.com/images/CementTileable03_Thumb.jpg'); + width:840px; } .sheet-banner { @@ -13,39 +16,79 @@ margin: 0 auto; padding: 100px; } +/*------------------------General Formatting-----------------------------*/ +@font-face { + font-family: 'Crystal'; + src: url('http://openfontlibrary.org/assets/fonts/crystal/3b1efb28a7300d5c3053d5c8d7d1132a/f089659f43914b0f63620effd47c046b/CRYSTALRegular.ttf'); + font-weight: normal; + font-style: normal; +} -, h1, h2, h3, h4, h5, h6, th, td { - color:white; - text-shadow: 0px 0px 2px limegreen, 0px 0px 5px limegreen; +@font-face { + font-family: 'Quantum Leap'; + src: url('http://www.fontsaddict.com/fontface/quantum-leap.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +, h1, h2, h3, h5, h6, th, td { + color:limegreen; + text-shadow: 0px 0px 2px black, 0px 0px 5px black; font-family: "Crystal"; - font-variant: small-caps; } h4 { text-shadow: 0px 0px 2px white,0px 0px 2px lime,0px 0px 2px white; color:black; + font-family: "Crystal"; } input:focus { background-color: PaleGreen; -} -input:focus { + border: 1px solid lime; box-shadow: lime; } -input:focus { - border: 1px solid lime; + +.sheet-stat { + background:transparent; + border:none; + box-shadow:none; + text-shadow: 0px 0px 5px white, 0px 0px 4px lime, 0px 0px 3px white; + color:black; + font-family: "Quantum Leap", "Crystal", Georgia, Serif; + font-size:1.5em; + text-align:center; } + /*---- lining up select boxes & text areas---- */ + +select { + margin: 0; + overflow:hidden; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + + padding-top:0px; +} + +textarea { + margin: 0; + height: 30px; + resize: vertical; +} + textarea:focus { background-color: Palegreen; -} -textarea:focus { border: 1px solid lime; } -.sheet-damagetable, -.sheet-damagetable tr, -.sheet-damagetable td, -.sheet-damagetable th { +.sheet-center { + text-align:center; + margin-left:auto; + margin-right:auto; +} +/* ----- Tables ----- */ +.sheet-damagetable, .sheet-damagetable tr, .sheet-damagetable td, .sheet-damagetable th { border: 2px solid black; width: 500px; text-align: center; @@ -109,19 +152,21 @@ textarea:focus { } /*============= TABS =============*/ -div.sheet-tab-content { - display: none; } +div.sheet-tab-content +{ display: none; } input.sheet-tab1:checked ~ div.sheet-tab1, input.sheet-tab2:checked ~ div.sheet-tab2, input.sheet-tab3:checked ~ div.sheet-tab3, input.sheet-tab4:checked ~ div.sheet-tab4, input.sheet-tab5:checked ~ div.sheet-tab5, -input.sheet-tab6:checked ~ div.sheet-tab6 { +input.sheet-tab6:checked ~ div.sheet-tab6 +{ display: block; } -input.sheet-tab { +input.sheet-tab +{ width: 150px; height: 20px; position: relative; @@ -131,7 +176,8 @@ input.sheet-tab { z-index: 1; } -input.sheet-tab::before { +input.sheet-tab::before +{ content: attr(title); font-family: "Crystal"; @@ -161,36 +207,17 @@ input.sheet-tab:checked::before /* border-bottom-color: #fff; */ } -input.sheet-tab:not(:first-child)::before { +input.sheet-tab:not(:first-child)::before +{ border-left: none; } -div.sheet-tab-content { +div.sheet-tab-content +{ /* border: 1px solid #a8a8a8; border-top-color: #000;*/ margin: 2px 0 0 5px; padding: 5px; -} - /*---- lining up select boxes & text areas---- */ - -select { - margin: 0; -} -select.sheet-weapon-input { - appearance:none; - -webkit-appearance:none; - -moz-appearance:none; - overflow:hidden; - margin:0; - padding-top:0px; -} -textarea { - margin: 0; - height: 25px; - resize: vertical; -} -input[type="number"].sheet-weapon-input { - text-align:center; } /* ============== Big Checkbox ==============*/ @@ -208,8 +235,7 @@ input[type="checkbox"] { } /* ----Fake Big Checkbox-- .sheet-bigcheck -- */ -input[type="checkbox"] + span::before -{ +input[type="checkbox"] + span::before { margin-bottom: 2px; border: solid 1px #a8a8a8; line-height: 14px; @@ -229,8 +255,7 @@ input[type="checkbox"] + span::before background: radial-gradient(#f6f6f6, #dfdfdf); } -input[type="checkbox"] + span::before -{ +input[type="checkbox"] + span::before { content: ""; width: 14px; height: 14px; @@ -241,8 +266,7 @@ input[type="checkbox"] + span::before border-radius: 3px; } -input[type="checkbox"]:checked + span::before -{ +input[type="checkbox"]:checked + span::before { color: red; content: "✖"; /* "?" */ text-shadow: 0px 0px 0.5em #A52A2A; @@ -252,8 +276,8 @@ input[type="checkbox"]:checked + span::before .sheet-wrapper button[type="roll"]:before { content: ""!important; display: none; - } + .sheet-wrapper button[type="roll"], .sheet-wrapper .sheet-roll { width: 100%; @@ -287,7 +311,6 @@ input[type="checkbox"]:checked + span::before font-weight: 700; font-family: "Crystal"; - } .sheet-wrapper button[type="roll"]:hover, @@ -300,7 +323,6 @@ input[type="checkbox"]:checked + span::before padding-top: 3px; padding-left: 4px; padding-right: 0px; - } .sheet-wrapper button[type="roll"] label, @@ -314,9 +336,7 @@ input[type="checkbox"]:checked + span::before border-radius: none; border:none; - color:white; - text-shadow: 0px 0px 2px limegreen, 0px 0px 5px limegreen; - font-family: "Crystal"; + color: forestgreen; font-weight:700; font-size: 1em; text-shadow: 0px 0px 2px black, 0px 0px 5px black; @@ -340,7 +360,9 @@ input[type="checkbox"]:checked + span::before .sheet-left td input[type="checkbox"] { margin-left:10px; } -/* Hide actual radio/checkbox */ +/* ============== Nice Radio Buttons ==============*/ + +/* ----Hide actual radio button---- */ .sheet-damagetable th input[type="radio"], .sheet-damagetable td input[type="radio"] { opacity: 0; @@ -354,10 +376,16 @@ input[type="checkbox"]:checked + span::before z-index: 1; } -/* Fake radio/checkbox */ +/* ----Fake radio button---- */ +/* Fake radio */ .sheet-damagetable th input[type="radio"] + span::before, .sheet-damagetable td input[type="radio"] + span::before { - margin-right: 4px; + content: ""; + border-radius: 100%; + height: 12px; + width: 12px; + margin: 2px; + border: solid 1px #a8a8a8; line-height: 12px; text-align: center; @@ -366,7 +394,7 @@ input[type="checkbox"]:checked + span::before -moz-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; - box-shadow: 0 0 2px #ccc; + box-shadow:0 0 3px white, 0 0 4px white, 0 0 5px white; background: #f6f6f6; background: -moz-radial-gradient(#1A661A, #66FF66); @@ -376,18 +404,6 @@ input[type="checkbox"]:checked + span::before background: radial-gradient(#1A661A, #66FF66); } -/* Fake radio */ -.sheet-damagetable th input[type="radio"] + span::before, -.sheet-damagetable td input[type="radio"] + span::before { - content: ""; - background: black; - border-radius: 100%; - height: 12px; - width: 12px; - margin: 2px; - background: radial-gradient(circle at 12px 12px, white, black); - box-shadow:0 0 3px white, 0 0 4px white, 0 0 5px white; -} .sheet-damagetable th input[type="radio"]:checked + span::before, .sheet-damagetable td input[type="radio"]:checked + span::before { background: black; @@ -417,7 +433,7 @@ input[type="checkbox"]:checked + span::before margin: 0; background: radial-gradient(circle at 20px 20px, #fff, #000); border:none; - box-shadow: 0px 0px 5px blue; + box-shadow: 0px 0px 5px lime; } @@ -520,8 +536,7 @@ input.sheet-arrow[type="checkbox"]:hover + span::before { box-shadow: 0px 0px 10px lime; background: radial-gradient(circle at 8px 8px, #000, #fff); } - - /*=====Tooltips =====*/ +/*===== Tool Tips =====*/ .sheet-tooltips { position: relative; display: inline; @@ -543,9 +558,9 @@ input.sheet-arrow[type="checkbox"]:hover + span::before { .sheet-tooltips span:before { content: ''; position: absolute; - top: 10%; + top: 65%; right: 100%; - margin-top: -6px; + margin-top: -25px; width: 0; height: 0; border-right: 12px solid #000000; border-top: 12px solid transparent; @@ -555,9 +570,9 @@ input.sheet-arrow[type="checkbox"]:hover + span::before { .sheet-tooltips span:after { content: ''; position: absolute; - top: 45%; + top: 65%; right: 100%; - margin-top: -6px; + margin-top: -25px; width: 0; height: 0; border-right: 8px solid #FFFFFF; border-top: 8px solid transparent; @@ -568,12 +583,12 @@ input.sheet-arrow[type="checkbox"]:hover + span::before { visibility: visible; opacity: 1; left: 100%; - top: 10%; - margin-top: -50px; + top: 65%; + margin-top: -25px; margin-left: 15px; z-index: 999; } -/*---------Little Tooltips------------*/ + .sheet-tooltips_small { position: relative; display: inline; @@ -595,9 +610,9 @@ input.sheet-arrow[type="checkbox"]:hover + span::before { .sheet-tooltips_small span:before { content: ''; position: absolute; - top: 10%; + top: 50%; right: 100%; - margin-top: -6px; + margin-top: -12px; width: 0; height: 0; border-right: 12px solid #000000; border-top: 12px solid transparent; @@ -607,9 +622,9 @@ input.sheet-arrow[type="checkbox"]:hover + span::before { .sheet-tooltips_small span:after { content: ''; position: absolute; - top: 45%; + top: 50%; right: 100%; - margin-top: -6px; + margin-top: -8px; width: 0; height: 0; border-right: 8px solid #FFFFFF; border-top: 8px solid transparent; @@ -620,13 +635,12 @@ input.sheet-arrow[type="checkbox"]:hover + span::before { visibility: visible; opacity: 1; left: 100%; - top: 10%; - margin-top: -10px; + top: 50%; + margin-top: -15px; margin-left: 15px; z-index: 999; } - - + .sheet-hidden { display: none; } @@ -677,13 +691,6 @@ input.sheet-arrow[type="checkbox"]:hover + span::before { padding: 2px; } -.sheet-rolltemplate-ranged .sheet-no_border .inlinerollresult { - display: inline-block; - min-width: 1.5em; - border: 2px solid transparent; - background:transparent; - font-weight:400; -} .sheet-rolltemplate-ranged .inlinerollresult { display: inline-block; min-width: 1.5em; @@ -692,6 +699,14 @@ input.sheet-arrow[type="checkbox"]:hover + span::before { background:transparent; } +.sheet-rolltemplate-ranged .sheet-no_border .inlinerollresult { + display: inline-block; + min-width: 1.5em; + border: 2px solid transparent; + background:transparent; + font-weight:400; +} + .sheet-rolltemplate-ranged .inlinerollresult.fullfail { border: 2px solid #B31515; } @@ -709,6 +724,337 @@ input.sheet-arrow[type="checkbox"]:hover + span::before { font-weight:700; } + /*======= save =======*/ +.sheet-rolltemplate-save table { + width: 100%; + background: white; + border: 4px ridge #999999; + color: black; + font-size: 1em; + font-family: "Helvetica Neue", Helvetica, sans-serif; + box-shadow: -5px -5px 5px black; + color: #89E799; + background: #114C12; +} + +.sheet-rolltemplate-save th { + font-family: 'Crystal'; + color: white; + padding: 4px; + line-height: 1.6em; + font-size: 1.4em; + width: 100%; + height: 100%; + border-spacing: 0; + text-shadow: 0px 0px 5px black, 0px 0px 5px black, 0px 0px 5px black; + + background: #EEFF99; + background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33)); + background: -webkit-linear-gradient(#EEFF99, #66EE33); + background: -moz-linear-gradient(#EEFF99, #66EE33); + background: -ms-linear-gradient(#EEFF99, #66EE33); + background: -o-linear-gradient(#EEFF99, #66EE33); + background: linear-gradient(#EEFF99, #66EE33); + + box-shadow: inset 5px 0px 20px 0px black, inset -5px 0px 20px 0px black; +} + +.sheet-save { + border-top: 4px ridge #999999; +} + +.sheet-rolltemplate-save .sheet-stun { + height:30px; + width:30px; + float:left; + background: url('http://aqworldswiki.com/images/aqworldswiki.com/9/97/Stun.png'); + background-size: 30px 30px; + background-repeat: no-repeat; + padding:5px 5px 5px 22px; +} + +.sheet-rolltemplate-save .sheet-death { + height:30px; + width:30px; + float:left; + background: url('http://images.onlinelabels.com/images/clip-art/liftarn/liftarn_Skull_07.png'); + background-size: 30px 30px; + background-repeat: no-repeat; + padding:5px 5px 5px 22px; + -webkit-filter: drop-shadow(0px 0px 10px white); +} + +.sheet-rolltemplate-save .sheet-tcat { + font-weight: bold; +} + +.sheet-rolltemplate-save td { + padding: 5px; +} + +.sheet-rolltemplate-save .inlinerollresult { + display: inline-block; + min-width: 1.5em; + text-align: center; + border: 2px solid #89E799; + background:transparent; +} + + /*======= NetCombat =======*/ +.sheet-rolltemplate-netcombat table { + width: 100%; + background: white; + border: 3px ridge gray; + color: black; + font-size: 1em; + font-family: "Helvetica Neue", Helvetica, sans-serif; + box-shadow: -5px -5px 5px black; + color: #89E799; + background: #114C12; +} + +.sheet-rolltemplate-netcombat th { + font-family: 'Crystal'; + color: white; + padding: 4px; + line-height: 1.6em; + font-size: 1.4em; + width: 100%; + height: 100%; + border-spacing: 0; + text-shadow: 0px 0px 5px black, 0px 0px 5px black, 0px 0px 5px black; + + background: rgb(169,3,41); /* Old browsers */ + background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 70%, rgba(109,0,25,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(70%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 70%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 70%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 70%,rgba(109,0,25,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 70%,rgba(109,0,25,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */ + + box-shadow: inset 5px 0px 20px 0px black, inset -5px 0px 20px 0px black; +} + +.sheet-rolltemplate-netcombat .sheet-tcat { + font-weight: bold; +} + +.sheet-rolltemplate-netcombat .inlinerollresult { + display: inline-block; + min-width: 1.5em; + text-align: center; + border: 2px solid #89E799; + background:transparent; +} + +.sheet-rolltemplate-netcombat .inlinerollresult.fullfail { + border: 2px solid #B31515; +} + +.sheet-rolltemplate-netcombat .inlinerollresult.importantroll { + border: 2px solid #4A57ED; +} +/*----INITIATIVE-----*/ +.sheet-rolltemplate-initiative table { + width: 100%; + background: white; + border: 4px ridge #999999; + color: black; + font-size: 1em; + font-family: "Helvetica Neue", Helvetica, sans-serif; + box-shadow: -5px -5px 5px black; + color: #89E799; + background: #114C12; +} +.sheet-rolltemplate-initiative th { + font-family: 'Crystal'; + color: white; + padding: 4px; + line-height: 1.6em; + font-size: 1.4em; + width: 100%; + height: 100%; + border-spacing: 0; + text-shadow: 0px 0px 5px black, 0px 0px 5px black, 0px 0px 5px black; + + background: rgb(169,3,41); /* Old browsers */ + background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 70%, rgba(109,0,25,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(70%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 70%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 70%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 70%,rgba(109,0,25,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 70%,rgba(109,0,25,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */ + + box-shadow: inset 5px 0px 20px 0px black, inset -5px 0px 20px 0px black; +} + +.sheet-rolltemplate-initiative .sheet-tcat { + font-weight: bold; +} + +.sheet-rolltemplate-ranged td { + padding: 2px; +} + +.sheet-rolltemplate-initiative .inlinerollresult { + display: inline-block; + min-width: 1.5em; + text-align: center; + border: 2px solid #89E799; + background:transparent; +} + +.sheet-rolltemplate-initiative .inlinerollresult.fullfail { + border: 2px solid #B31515; +} + +.sheet-rolltemplate-initiative .inlinerollresult.importantroll { + border: 2px solid #4A57ED; +} + + +/*----Skill Rolls----*/ + +/*---- Tech ----*/ +.sheet-rolltemplate-skill-spec table { + width: 100%; + background: white; + border: 3px ridge gray; + color: black; + font-size: 0.9em; + font-family: "Helvetica Neue", Helvetica, sans-serif; + box-shadow: -5px -5px 5px black; + color: #89E799; + background: #114C12; +} + +.sheet-rolltemplate-skill-spec th { + font-family: 'Crystal'; + color: white; + padding: 4px; + line-height: 1.4em; + font-size: 1.2em; + width: 100%; + height: 100%; + border-spacing: 0; + text-shadow: 0px 0px 5px black, 0px 0px 5px black, 0px 0px 5px black; + + background: rgb(167,207,223); /* Old browsers */ + background: -moz-radial-gradient(center, ellipse cover, rgba(167,207,223,1) 0%, rgba(35,83,138,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(167,207,223,1)), color-stop(100%,rgba(35,83,138,1))); /* Chrome,Safari4+ */ + background: -webkit-radial-gradient(center, ellipse cover, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-radial-gradient(center, ellipse cover, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* Opera 12+ */ + background: -ms-radial-gradient(center, ellipse cover, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* IE10+ */ + background: radial-gradient(ellipse at center, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ + + box-shadow: inset 5px 0px 20px 0px black, inset -5px 0px 20px 0px black; +} + +.sheet-rolltemplate-skill-spec .sheet-tcat { + font-weight: bold; +} + +.sheet-rolltemplate-skill-spec td { + padding: 0px; + text-align:center; +} + +.sheet-rolltemplate-skill-spec .inlinerollresult { + display: inline-block; + min-width: 1.2em; + text-align: center; + border: 1px solid #89E799; + background:transparent; +} + +.sheet-rolltemplate-skill-spec .inlinerollresult.fullfail { + border: 1px solid #B31515; +} + +.sheet-rolltemplate-skill-tech .inlinerollresult.importantroll { + border: 1px solid #4A57ED; +} + +.sheet-rolltemplate-skill-spec .sheet-no_border .inlinerollresult { + display: inline-block; + min-width: 1.5em; + border: 2px solid transparent; + background:transparent; + font-weight:400; +} + +/*---- general ----*/ +.sheet-rolltemplate-skill-general table { + width: 100%; + background: white; + border: 3px ridge gray; + color: black; + font-size: 0.9em; + font-family: "Helvetica Neue", Helvetica, sans-serif; + box-shadow: -5px -5px 5px black; + color: #89E799; + background: #114C12; +} + +.sheet-rolltemplate-skill-general th { + font-family: 'Crystal'; + color: white; + padding: 4px; + line-height: 1.4em; + font-size: 1.2em; + width: 100%; + height: 100%; + border-spacing: 0; + text-shadow: 0px 0px 5px black, 0px 0px 5px black, 0px 0px 5px black; + + background: #cedce7; /* Old browsers */ + background: -moz-radial-gradient(center, ellipse cover, #cedce7 0%, #596a72 100%); /* FF3.6+ */ + background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#cedce7), color-stop(100%,#596a72)); /* Chrome,Safari4+ */ + background: -webkit-radial-gradient(center, ellipse cover, #cedce7 0%,#596a72 100%); /* Chrome10+,Safari5.1+ */ + background: -o-radial-gradient(center, ellipse cover, #cedce7 0%,#596a72 100%); /* Opera 12+ */ + background: -ms-radial-gradient(center, ellipse cover, #cedce7 0%,#596a72 100%); /* IE10+ */ + background: radial-gradient(ellipse at center, #cedce7 0%,#596a72 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ + + box-shadow: inset 5px 0px 20px 0px black, inset -5px 0px 20px 0px black; +} + +.sheet-rolltemplate-skill-general .sheet-tcat { + font-weight: bold; +} + +.sheet-rolltemplate-skill-general td { + padding: 0px; + text-align:center; +} + +.sheet-rolltemplate-skill-general .inlinerollresult { + display: inline-block; + min-width: 1.2em; + text-align: center; + border: 1px solid #89E799; + background:transparent; +} + +.sheet-rolltemplate-skill-general .inlinerollresult.fullfail { + border: 1px solid #B31515; +} + +.sheet-rolltemplate-skill-general .inlinerollresult.importantroll { + border: 1px solid #4A57ED; +} + +.sheet-rolltemplate-skill-general .sheet-no_border .inlinerollresult { + display: inline-block; + min-width: 1.5em; + border: 2px solid transparent; + background:transparent; + font-weight:400; +} + /*======= save =======*/ .sheet-rolltemplate-death_save table, .sheet-rolltemplate-stun_save table, .sheet-rolltemplate-save table { @@ -785,151 +1131,9 @@ input.sheet-arrow[type="checkbox"]:hover + span::before { .sheet-rolltemplate-death_save .inlinerollresult, .sheet-rolltemplate-stun_save .inlinerollresult, .sheet-rolltemplate-save .inlinerollresult { - display: inline-block; - min-width: 1.5em; - text-align: center; - border: 2px solid #89E799; - background:transparent; -} - - /*======= NetCombat =======*/ -.sheet-rolltemplate-netcombat table { - width: 100%; - background: white; - border: 3px ridge gray; - color: black; - font-size: 1em; - font-family: "Helvetica Neue", Helvetica, sans-serif; - box-shadow: -5px -5px 5px black; - color: #89E799; - background: #114C12; -} - -.sheet-rolltemplate-netcombat th { - font-family: 'Crystal'; - color: white; - padding: 4px; - line-height: 1.6em; - font-size: 1.4em; - width: 100%; - height: 100%; - border-spacing: 0; - text-shadow: 0px 0px 5px black, 0px 0px 5px black, 0px 0px 5px black; - - background: rgb(169,3,41); /* Old browsers */ - background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 70%, rgba(109,0,25,1) 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(70%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 70%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 70%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 70%,rgba(109,0,25,1) 100%); /* IE10+ */ - background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 70%,rgba(109,0,25,1) 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */ - - box-shadow: inset 5px 0px 20px 0px black, inset -5px 0px 20px 0px black; -} - -.sheet-rolltemplate-netcombat .sheet-tcat { - font-weight: bold; -} - -.sheet-rolltemplate-ranged td { - padding: 2px; -} - -.sheet-rolltemplate-netcombat .inlinerollresult { - display: inline-block; - min-width: 1.5em; - text-align: center; - border: 2px solid #89E799; - background:transparent; -} - -.sheet-rolltemplate-netcombat .inlinerollresult.fullfail { - border: 2px solid #B31515; -} - -.sheet-rolltemplate-netcombat .inlinerollresult.importantroll { - border: 2px solid #4A57ED; -} - - -/*----INITIATIVE-----*/ - -.sheet-rolltemplate-initiative th { - font-family: 'Crystal'; - color: white; - padding: 4px; - line-height: 1.6em; - font-size: 1.4em; - width: 100%; - height: 100%; - border-spacing: 0; - text-shadow: 0px 0px 5px black, 0px 0px 5px black, 0px 0px 5px black; - - background: rgb(169,3,41); /* Old browsers */ - background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 70%, rgba(109,0,25,1) 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(70%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 70%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 70%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 70%,rgba(109,0,25,1) 100%); /* IE10+ */ - background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 70%,rgba(109,0,25,1) 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */ - - box-shadow: inset 5px 0px 20px 0px black, inset -5px 0px 20px 0px black; -} - -.sheet-rolltemplate-initiative table { - width: 100%; - background: white; - border: 3px ridge gray; - color: black; - font-size: 1em; - font-family: "Helvetica Neue", Helvetica, sans-serif; - box-shadow: -5px -5px 5px black; - color: #89E799; - background: #114C12; -} - -.sheet-rolltemplate-initiative .sheet-tcat { - font-weight: bold; -} - -.sheet-rolltemplate-ranged td { - padding: 2px; -} - -.sheet-rolltemplate-initiative .inlinerollresult { display: inline-block; min-width: 1.5em; text-align: center; border: 2px solid #89E799; background:transparent; } - -.sheet-rolltemplate-initiative .inlinerollresult.fullfail { - border: 2px solid #B31515; -} - -.sheet-rolltemplate-initiative .inlinerollresult.importantroll { - border: 2px solid #4A57ED; -} - -@font-face { - font-family: 'Crystal'; - src: url('http://openfontlibrary.org/assets/fonts/crystal/3b1efb28a7300d5c3053d5c8d7d1132a/f089659f43914b0f63620effd47c046b/CRYSTALRegular.ttf'); - font-weight: normal; - font-style: normal; -} - - - - - - - - - - - - -