diff --git a/Iron Kingdoms RPG/IKPRG.css b/Iron Kingdoms RPG/IKPRG.css index cd650d2155..6d5bef28a3 100644 --- a/Iron Kingdoms RPG/IKPRG.css +++ b/Iron Kingdoms RPG/IKPRG.css @@ -1,26 +1,29 @@ /*----------- 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; + background: #9B7948; + color:black; + text-shadow: none; box-shadow:none; float:left!important; margin-bottom:0px; font-size:0.9em; height:2.2em; + box-shadow: 0px 0px 5px black; } .charsheet .repcontrol_edit { display: inline-block; - background:black; - color:white; - text-shadow:0px 0px 2px black,0px 0px 2px black,0px 0px 2px black; + background: #9B7948; + color:black; + text-shadow: none; box-shadow:none; float:none!important; margin-bottom:5px; + margin-left:5px; font-size:0.9em; height:2.2em; + box-shadow: 0px 0px 5px black; } .charsheet .repcontrol_del { background:red; @@ -31,6 +34,8 @@ margin-bottom:5px; font-size:0.9em; height:2.2em; + box-shadow: 0px 0px 5px black; + z-index:10; } .charsheet .repcontrol_move { display: inline-block; @@ -44,11 +49,13 @@ height:1.4em; padding-top:3px; padding-bottom:3px; + box-shadow: 0px 0px 10px silver, 0px 0px 5px silver; + z-index:10; } /*-----background-----*/ .charsheet { background: black; - background-size:100%; + background-size:860px; } /*========== tabs ==========*/ @@ -141,10 +148,74 @@ input.sheet-tab[type=radio]:checked + label { div.sheet-body { display: none; } -.sheet-body > .sheet-tabbed-panel > .sheet-wrapper > .sheet-body { - margin-left:38px; +/*========== blocks ==========*/ +/*========== blocks ==========*/ +/*========== blocks ==========*/ + +input.sheet-block1:not(:checked) ~ .sheet-block1, +input.sheet-block2:not(:checked) ~ .sheet-block2, +input.sheet-block3:not(:checked) ~ .sheet-block3 { + display: none; } -/* Top Half */ + +input.sheet-block1[type=radio], +input.sheet-block2[type=radio], +input.sheet-block3[type=radio] { + display:none; + } +input.sheet-block { + width: 120px; + line-height: 20px; + + outline: none !important; + position: relative; + cursor: pointer; + z-index: 1; +} + +input.sheet-block[type=radio] + label { + content: attr(title); + display: inline; + line-height: 10px; + padding: 5px; + background: url ('http://fc06.deviantart.net/fs71/f/2011/359/1/3/steampunk_wallpaper_by_satyrgod-d4k5ar3.jpg'); + + border: solid 2px black; + border-radius: 10px; + + font-size: 14px; + font-weight: bold; + text-align: center; + color: white; + font-family:"Trebuchet MS", Helvetica, sans-serif; + text-shadow: 0px 0px 2px black; + height: 10px; + width:120px; + +} + +input.sheet-block[type=radio]:checked + label { + border: solid 2px black; + background: url("http://www.androidcentral.com/sites/androidcentral.com/files/styles/w550h500/public/wallpapers/blank-parchment-aps.jpg?itok=flcYf3mT"); + line-height: 10px; + + color:black; + text-shadow: 0px 0px 2px white; + -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); + } +.sheet-block-content { + background: url ('http://fc06.deviantart.net/fs71/f/2011/359/1/3/steampunk_wallpaper_by_satyrgod-d4k5ar3.jpg'); + width: 840px; + border-radius:15px; + box-shadow: inset 0px 0px 10px black, inset 0px 0px 8px black,inset 0px 0px 4px black; + padding: 2px; +} + +/*-----End of Blocks ----*/ +/*-----End of Blocks ----*/ +/*-----End of Blocks ----*/ + +/*-----top_half----*/ .sheet-top_half { background: url ('http://fc06.deviantart.net/fs71/f/2011/359/1/3/steampunk_wallpaper_by_satyrgod-d4k5ar3.jpg'); width: 840px; @@ -180,7 +251,9 @@ table td { color: white; text-shadow: 0px 0px 0.2em #6C3306; } - +table.sheet-skill_list { + font-size:0.8em; +} h1 { color: #9C0606; text-shadow: 0px 0px 0.2em white; @@ -202,28 +275,40 @@ h4 { } h4.sheet-physfont { - color: blue; - text-shadow: 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white; + color: #18ADFF; + text-shadow: 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black; font-variant: small-caps; font-size:1.3em; } +.sheet-blue { + color: #18ADFF; +} + h4.sheet-aglfont { color: red; - text-shadow: 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white; + text-shadow: 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black; font-variant: small-caps; font-size:1.3em; } +.sheet-red { + color: #6A0E0E; +} + h4.sheet-intfont { color: green; - text-shadow: 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white; + text-shadow: 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black; font-variant: small-caps; font-size:1.3em; } + +.sheet-green { + color: green; +} h4.sheet-yellowfont { color: yellow; - text-shadow: 0px 0px 1px white; + text-shadow: 0px 0px 1px black; font-variant: small-caps; font-size:1.3em; } @@ -247,6 +332,10 @@ h5.sheet-black { padding-left:10px; padding-right:10px; } +h5.sheet-dice { + color: white; + text-shadow: 0px 0px 0.2em black, 0px 0px 0.4em black, 0px 0px 0.6em black; +} textarea.sheet-ability { color: black; background: rgba(255,255,192,0.65); @@ -292,7 +381,9 @@ input.sheet-ability { .sheet-stats-base::-webkit-input-placeholder { padding-top:3px; } - +.sheet-yellow { + text-shadow: 0px 0px 0.2em yellow, 0px 0px 0.2em yellow, 0px 0px 0.2em yellow; + } .sheet-stats-small { background:transparent; text-align: center; @@ -346,24 +437,6 @@ input.sheet-ability { text-shadow: 0px 0px 0.2em #6C3306; } -.sheet-blue { - color: blue; -} - -.sheet-red { - color: red; -} - -.sheet-green { - color: green; -} - -textarea { - height: 36px; - margin: 5px 0px 0px 0px; - resize:vertical; - overflow-y:hidden; -} .sheet-rasied_border { background-color: transparent; border-color: #013220; @@ -430,13 +503,36 @@ select option { color:black; } +.sheet-select { + margin-bottom: 0px; +} + +select.sheet-stats-base { + background:transparent; + text-align: center; + font-size: 1.4em; + line-height: 1.5em; + font-weight: bold; + font-style: italic; + border:none; + text-shadow: 0px 0px 0.2em white, 0px 0px 0.2em white, 0px 0px 0.2em white; + color:black; + margin-bottom: 0px; + padding-bottom:0px; +} .sheet-input-center-aligned::-webkit-input-placeholder { color:#D2B48C; font-style: italic; font-weight:400; - text-shadow: 0px 0px 2px black; + text-shadow: 0px 0px 2px black,0px 0px 2px black,0px 0px 2px black; } +textarea { + height: 36px; + margin: 5px 0px 0px 0px; + resize:vertical; + overflow-y:hidden; +} /*-----misc-----*/ .sheet-hidden { @@ -454,9 +550,46 @@ select option { .sheet-right { text-align: right; } +div.sheet-Shield { + position: relative; + width: 50px; + height: 20px; + left:40px; + top:20px; + margin:-30px; +} -.sheet-select { - margin-bottom: 0 +input.sheet-Shield { + width: 50px; + height: 20px; + position: absolute; + left:0px; + top:0px; + z-index: 1; + opacity: 0; +} + +span.sheet-Shield { + margin: 10px 0 0 40px; + display: none; + position: absolute; + left:-40px; + top:-10px; + width:50px; + text-align:center; +} + +input.sheet-nShield { + z-index: 2; +} +input.sheet-nShield:checked + input.sheet-yShield, +input.sheet-yShield:checked + input.sheet-nShield { + z-index: 3; +} + +input.sheet-nShield:checked ~ span.sheet-nShield, +input.sheet-yShield:checked ~ span.sheet-yShield { + display: inline-block; } /*-----showhide-----*/ @@ -703,12 +836,12 @@ input.sheet-health[type="checkbox"] + span::before background:white; border: 1px solid #006400; border-radius:50%; - box-shadow: inset 0px 0px 15px green, 0px 0px 15px green; + box-shadow: inset 0px 0px 15px green, 0px 0px 15px green; } input.sheet-health[type="checkbox"]:active + span::before { - border: 1px solid #8B0000; - box-shadow: inset 0px 0px 15px red, 0px 0px 15px red; + border: 1px solid #8B0000; + box-shadow: inset 0px 0px 15px red, 0px 0px 15px red; } /*========== sheet arrow ==========*/ @@ -801,7 +934,47 @@ input.sheet-gear[type="checkbox"]:checked + span::before { input.sheet-gear { float: left; } +/*========== sheet skillbox ==========*/ +/* ----Hide actual sheet-skillbox checkbox---- */ + +input.sheet-skillbox[type="checkbox"] { + opacity: 0; + width: 100px; + position: relative; + top: 0px; + left: 20px; + margin: -30px; + cursor: pointer; + z-index: 1; +} + +/* -----Fake sheet-gear skillbox----- */ + +input.sheet-skillbox[type="checkbox"]::before + span::before +{ + margin-right: 4px; + margin-left: 0px; + line-height: 14px; + display: inline-block; + vertical-align: middle; + text-align:center; + content: ""; + width: 100px; + height: 14px; + color:silver; + position: relative; +} +span.sheet-skillbox { + position: relative; + left:-40px; + width: 100px; + text-shadow:0px 0px 1px black, 0px 0px 1px black, 0px 0px 1px black; + } +input.sheet-skillbox[type="checkbox"]:checked + span { + color: red; + text-shadow:0px 0px 1px black, 0px 0px 1px black, 0px 0px 1px black; +} /*========== sheet sign ==========*/ @@ -899,6 +1072,63 @@ input.sheet-bigcheck[type="checkbox"]:checked + span::before { text-shadow:none; font-weight:bold; } +/*========== boost boost ==========*/ +/* ----Hide actual boost---- */ +input.sheet-boost[type="checkbox"] { + opacity: 0; + width: 16px; + height: 16px; + position: relative; + top: 0px; + left: 15px; + margin: -10px; + cursor: pointer; + z-index: 1; +} + +/* ----Fake Big Checkbox ---- */ +input.sheet-boost[type="checkbox"] + span::before { + margin-right: 4px; + line-height: 14px; + text-align: center; + display: inline-block; + vertical-align: middle; + position: relative; + top: 0px; + left: 10px; + + -moz-box-shadow: 0 0 2px #ccc; + -webkit-box-shadow: 0 0 2px #ccc; + box-shadow: 0 0 2px #ccc; + border-radius: 15px; + + background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%, rgba(255,255,192,0.65) 9%, rgba(255,255,192,0.65) 39%, rgba(255,255,192,0) 100%); /* FF3.6+ */ + background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,192,0.65)), color-stop(9%,rgba(255,255,192,0.65)), color-stop(39%,rgba(255,255,192,0.65)), color-stop(100%,rgba(255,255,192,0))); /* Chrome,Safari4+ */ + background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Opera 12+ */ + background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* IE10+ */ + background: radial-gradient(ellipse at center, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffc0', endColorstr='#00ffffc0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ +} + +input.sheet-boost[type="checkbox"] + span::before { + content: ""; + width: 14px; + height: 14px; + font-size: 12px; + + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 15px; +} +input.sheet-boost[type="checkbox"]:checked + span::before { + color: green; + font-family:"Pictos"; + content: "+"; + text-shadow:none; + font-weight:bold; +} + /*========== AJ Checkbox ==========*/ /* ----Hide actual AJ Checkbox---- */ @@ -1051,34 +1281,35 @@ input.sheet-redboxy:checked ~ span.sheet-redboxy { display: inline-block; } .sheet-redbox { width: 20px; height: 20px; - background: url("http://www.iconpng.com/png/vista-software/red-x.png") no-repeat 0 0; + background: url("http://enditmovement.com/assets/images/x-red.png") no-repeat 0 0; background-size: 100%; + -webkit-filter: drop-shadow(0px 0px 5px white); } .sheet-redboxr { width: 20px; height: 20px; - background: url("http://www.iconpng.com/png/vista-software/red-x.png") no-repeat 0 0; + background: url("http://enditmovement.com/assets/images/x-red.png") no-repeat 0 0; background-size: 100%; -webkit-filter: drop-shadow(0px 0px 3px black); } .sheet-redboxl { width: 20px; height: 20px; - background: url("http://www.iconpng.com/png/vista-software/red-x.png") no-repeat 0 0; + background: url("http://enditmovement.com/assets/images/x-red.png") no-repeat 0 0; background-size: 100%; -webkit-filter: drop-shadow(0px 0px 5px blue); } .sheet-redboxg { width: 20px; height: 20px; - background: url("http://www.iconpng.com/png/vista-software/red-x.png") no-repeat 0 0; + background: url("http://enditmovement.com/assets/images/x-red.png") no-repeat 0 0; background-size: 100%; -webkit-filter: drop-shadow(0px 0px 5px green); } .sheet-redboxy { width: 20px; height: 20px; - background: url("http://www.iconpng.com/png/vista-software/red-x.png") no-repeat 0 0; + background: url("http://enditmovement.com/assets/images/x-red.png") no-repeat 0 0; background-size: 100%; -webkit-filter: drop-shadow(0px 0px 5px yellow); } @@ -1123,7 +1354,7 @@ input.sheet-xdot:checked ~ span.sheet-xdot { display: inline-block; } height: 30px; background: url("http://limpiatureputacion.es/wp-content/uploads/2013/09/ink.png") no-repeat 0 0; background-size: 100%; - -webkit-filter: drop-shadow(0px 0px 5px blue); + -webkit-filter: drop-shadow(0px 0px 5px #18ADFF); } .sheet-bluedot { @@ -1137,9 +1368,9 @@ input.sheet-xdot:checked ~ span.sheet-xdot { display: inline-block; } .sheet-xdot { width: 30px; height: 30px; - background: url("http://www.iconpng.com/png/vista-software/red-x.png") no-repeat 0 0; + background: url("http://enditmovement.com/assets/images/x-red.png") no-repeat 0 0; background-size: 100%; - -webkit-filter: drop-shadow(0px 0px 5px black); + -webkit-filter: drop-shadow(0px 0px 5px #18ADFF); } /* ======== Sheet-physboxlast ========*/ /* ----Hide actual Big physboxlast---- */ @@ -1178,9 +1409,9 @@ input.sheet-physboxlast[type="checkbox"] + span::before { } input.sheet-physboxlast[type="checkbox"]:checked + span::before { content: ""; - background: url("http://www.iconpng.com/png/vista-software/red-x.png") no-repeat 0 0; + background: url("http://enditmovement.com/assets/images/x-red.png") no-repeat 0 0; background-size:100%; - -webkit-filter: drop-shadow(0px 0px 5px black); + -webkit-filter: drop-shadow(0px 0px 5px #18ADFF); } @@ -1225,17 +1456,17 @@ input.sheet-xdota:checked ~ span.sheet-xdota { display: inline-block; } .sheet-reddot { width: 30px; height: 30px; - background: url("http://fuckersattitude.free.fr/Upload/taz/TutoCrystal/02/TachePeinture.png") no-repeat 0 0; - background-size: 100%; - -webkit-filter: drop-shadow(0px 0px 10px white); + background: url("http://www.clker.com/cliparts/8/8/y/R/N/Z/red-paint-splatter-clip-art-md.png") no-repeat 0 0; + background-size: 30px 30px; + -webkit-filter: drop-shadow(0px 0px 5px #6A0E0E); } .sheet-xdota { width: 30px; height: 30px; - background: url("http://www.iconpng.com/png/vista-software/red-x.png") no-repeat 0 0; + background: url("http://enditmovement.com/assets/images/x-red.png") no-repeat 0 0; background-size: 100%; - -webkit-filter: drop-shadow(0px 0px 5px black); + -webkit-filter: drop-shadow(0px 0px 5px white); } /* ======== Sheet-aglboxlast ========*/ /* ----Hide actual Big aglboxlast---- */ @@ -1268,15 +1499,15 @@ input.sheet-aglboxlast[type="checkbox"] + span::before { content: ""; width: 30px; height: 30px; - background: url("http://fuckersattitude.free.fr/Upload/taz/TutoCrystal/02/TachePeinture.png") no-repeat 0 0; - background-size: 100%; + background: url("http://www.clker.com/cliparts/8/8/y/R/N/Z/red-paint-splatter-clip-art-md.png") no-repeat 0 0; + background-size: 20px 35px; -webkit-filter: drop-shadow(0px 0px 10px white); } input.sheet-aglboxlast[type="checkbox"]:checked + span::before { content: ""; - background: url("http://www.iconpng.com/png/vista-software/red-x.png") no-repeat 0 0; + background: url("http://enditmovement.com/assets/images/x-red.png") no-repeat 0 0; background-size:100%; - -webkit-filter: drop-shadow(0px 0px 5px black); + -webkit-filter: drop-shadow(0px 0px 5px #6A0E0E); } /*-------intbox---------*/ @@ -1328,9 +1559,9 @@ input.sheet-xdoti:checked ~ span.sheet-xdoti { display: inline-block; } .sheet-xdoti { width: 30px; height: 30px; - background: url("http://www.iconpng.com/png/vista-software/red-x.png") no-repeat 0 0; + background: url("http://enditmovement.com/assets/images/x-red.png") no-repeat 0 0; background-size: 100%; - -webkit-filter: drop-shadow(0px 0px 5px black); + -webkit-filter: drop-shadow(0px 0px 5px green); } /* ======== Sheet-intboxlast ========*/ /* ----Hide actual Big intboxlast---- */ @@ -1369,9 +1600,9 @@ input.sheet-intboxlast[type="checkbox"] + span::before { } input.sheet-intboxlast[type="checkbox"]:checked + span::before { content: ""; - background: url("http://www.iconpng.com/png/vista-software/red-x.png") no-repeat 0 0; + background: url("http://enditmovement.com/assets/images/x-red.png") no-repeat 0 0; background-size:100%; - -webkit-filter: drop-shadow(0px 0px 5px black); + -webkit-filter: drop-shadow(0px 0px 5px green); } /*-------powerfield box---------*/ div.sheet-powerfieldbox { @@ -1442,6 +1673,7 @@ button[type="roll"].sheet-btn:before { } button[type="roll"].sheet-btn { width: 100%; + height:24px; vertical-align: middle; display: inline-block; margin: 0; @@ -1477,7 +1709,7 @@ button[type="roll"].sheet-btn:active { button[type="roll"].sheet-btn label, button[type="roll"].sheet-btn input { - height:24px; + height:44px; line-height: 24px; font-size: 1em; vertical-align: middle; @@ -1492,18 +1724,21 @@ button[type="roll"].sheet-btn input { font-weight:700; } +.sheet-small { + font-size: 0.8em; +} button[type="roll"].sheet-physstat , button[type="roll"]label.sheet-physstat , button[type="roll"]input.sheet-physstat { - color: blue; - border: 2px solid blue; + color: #18ADFF; + border: 2px solid #18ADFF; } button[type="roll"].sheet-physstat :hover, button[type="roll"].sheet-physstat :hover label, button[type="roll"].sheet-physstat :hover input { - color: blue; - border: 2px inset blue; + color: #18ADFF; + border: 2px inset #18ADFF; } .sheet-aglstat button[type="roll"], @@ -1535,7 +1770,70 @@ button[type="roll"].sheet-physstat :hover input { } .sheet-general { font-style:italic; - color:silver; + color:white; + text-shadow: 0px 0px 2px green, 0px 0px 2px green; +} +.sheet-occupational { + color:white; + text-shadow: 0px 0px 2px red, 0px 0px 2px red; +} + +/*========== Btn1 ==========*/ +button[type="roll"].sheet-btn1:before { + content: ""!important; + display: none; +} +button[type="roll"].sheet-btn1 { + width: 100%; + height:48px; + vertical-align: middle; + display: inline-block; + margin: 0; + font-weight: 700; + text-align: left; + vertical-align: middle; + cursor: pointer; + background-image: none; + border-radius:5px; + + background-color: transparent; + border: 2px outset gray; + border-style: outset; + padding: 2px; + padding-left:2px; + font-size: 1em; + color: white; + text-shadow: 0px 0px 0.2em #6C3306; +} + +button[type="roll"].sheet-btn1:hover { + border: 2px inset gray; + padding-left:4px; + padding-top:4px; + padding-right:0px; + padding-bottom:0px; + +} + +button[type="roll"].sheet-btn1:active { + border: 2px solid black; +} + +button[type="roll"].sheet-btn1 label, +button[type="roll"].sheet-btn1 input { + height:44px; + line-height: 24px; + font-size: 1em; + vertical-align: middle; + text-align:center; + width: 99%; + cursor: pointer; + background: none; + box-shadow: none; + transition: none; + border-radius: none; + border:none; + font-weight:700; } /*========== Virtuoso ==========*/ /*-----virtioso colouring----*/ @@ -1688,7 +1986,7 @@ input.sheet-normal[type="radio"] + span::before -webkit-box-shadow: 0 0 2px #ccc; box-shadow: 0 0 2px #ccc; - background:green; + background:#0000ff ; content: ""; width: 16px; @@ -1699,6 +1997,12 @@ input.sheet-normal[type="radio"] + span::before -webkit-border-radius: 50%; border-radius: 50%; } +input.sheet-normal.sheet-purple[type="radio"] + span::before { + background:#800080; + } +input.sheet-normal.sheet-blood[type="radio"] + span::before { + background:#b30000; + } /* -----Remove dot from all radios _after_ selected one----- */ input.sheet-normal[type="radio"]:checked ~ input.sheet-normal[type="radio"] + span::before @@ -1948,6 +2252,76 @@ input.sheet-use[type="radio"]:checked + span::before { /*======================*/ /*======================*/ /*=== Roll Templates ===*/ + /*=== Roll Templates ===*/ + /*=== melee ===*/ +.sheet-rolltemplate-melee table { + width: 100%; + background: white; + border: 1px solid; + color: black; + background: url ('http://fc06.deviantart.net/fs40/i/2009/004/8/4/dirty_parchment_by_swimmingintheether.jpg'); + font-size: 1em; + font-family: "Helvetica Neue", Helvetica, sans-serif; + box-shadow: -5px -5px 6px #8B0000, -5px -5px 6px black; +} + +.sheet-rolltemplate-melee th { + background: url ('http://alamocityrods.com/sitebuilder/images/RedSmoke-359x157.png'); + background-size:contain; + color: white; + padding: 2px; + border-bottom: 1px solid black; + line-height: 1.6em; + font-size: 1.2em; + text-shadow: 0px 0px 2px black; +} + +.sheet-rolltemplate-melee td { + padding: 5px; +} + +.sheet-rolltemplate-melee .sheet-tcat { + background:white; + border: 2px solid #740608; + border-radius: 15px; + text-align:center; + letter-spacing: 2px; + margin-left:5px; + padding-left:5px; + padding-right:5px; + font-weight: bold; +} + +.sheet-rolltemplate-melee .sheet-skill_number { + border:2px solid #740608; + border-radius:15px; + background:white; + font-weight: bold; + color:#740608; + display: inline-block; + text-align:center; + min-width: 1.5em; +} + +.sheet-rolltemplate-melee .inlinerollresult { + color: #740608; + background:transparent; + border: none; + font-weight: bold; + display: inline-block; + min-width: 1.5em; + text-align: center; +} + +.sheet-rolltemplate-melee .inlinerollresult.importantroll, +.sheet-rolltemplate-melee .inlinerollresult.fullfail, +.sheet-rolltemplate-melee .inlinerollresult.fullcrit { + border: none; + background:transparent; + text-align:center; + letter-spacing: 2px; + margin-left:5px; +} /*=== ranged ===*/ .sheet-rolltemplate-weapon table { width: 100%; @@ -1970,27 +2344,49 @@ input.sheet-use[type="radio"]:checked + span::before { text-shadow: 0px 0px 4px gray; } -.sheet-rolltemplate-weapon .sheet-tcat { - font-weight: bold; -} - .sheet-rolltemplate-weapon td { padding: 5px; } -.sheet-rolltemplate-weapon .inlinerollresult { +.sheet-rolltemplate-weapon .sheet-tcat { + background:white; + border: 2px solid #740608; + border-radius: 15px; + text-align:center; + letter-spacing: 2px; + margin-left:5px; + padding-left:5px; + padding-right:5px; + font-weight: bold; +} + +.sheet-rolltemplate-weapon .sheet-skill_number { + border:2px solid #740608; + border-radius:15px; + background:white; + font-weight: bold; + color:#740608; display: inline-block; + text-align:center; min-width: 1.5em; - text-align: center; - border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/ } - -.sheet-rolltemplate-weapon .inlinerollresult.fullfail { - border: 2px solid #B31515; +.sheet-rolltemplate-weapon .inlinerollresult { + color: #740608; + background:transparent; + border: none; + font-weight: bold; + display: inline-block; + min-width: 1.5em; + text-align: center; } - +.sheet-rolltemplate-weapon .inlinerollresult.fullcrit, +.sheet-rolltemplate-weapon .inlinerollresult.fullfail, .sheet-rolltemplate-weapon .inlinerollresult.importantroll { - border: 2px solid #4A57ED; + border: none; + background:transparent; + text-align:center; + letter-spacing: 2px; + margin-left:5px; } /*=== Roll Templates ===*/ /*=== artillary ===*/ @@ -2008,81 +2404,57 @@ input.sheet-use[type="radio"]:checked + span::before { background: url ('http://th06.deviantart.net/fs70/PRE/i/2011/132/5/6/smoke_texture5_by_ashensorrow-d3g74bf.jpg'); background-size: 100%; color: red; - padding: 2px; - border-bottom: 1px solid black; - line-height: 1.6em; - font-size: 1.2em; + padding: 2px; + border-bottom: 1px solid black; + line-height: 1.6em; + font-size: 1.2em; text-shadow: 0px 0px 2px black; } +.sheet-rolltemplate-boom td { + padding: 5px; +} + .sheet-rolltemplate-boom .sheet-tcat { - font-weight: bold; + background:white; + border: 2px solid #337992; + border-radius: 15px; + text-align:center; + letter-spacing: 2px; + margin-left:5px; + padding-left:5px; + padding-right:5px; + font-weight: bold; } -.sheet-rolltemplate-weapon td { - padding: 5px; +.sheet-rolltemplate-boom .sheet-skill_number { + border:2px solid #337992; + border-radius:15px; + background:white; + font-weight: bold; + color:#740608; + display: inline-block; + text-align:center; + min-width: 1.5em; } -.sheet-rolltemplate-boom .inlinerollresult { - display: inline-block; - min-width: 1.5em; - text-align: center; - border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/ -} - -.sheet-rolltemplate-boom .inlinerollresult.fullfail { - border: 2px solid #B31515; -} - -.sheet-rolltemplate-boom .inlinerollresult.importantroll { - border: 2px solid #4A57ED; -} - - /*=== Roll Templates ===*/ - /*=== melee ===*/ -.sheet-rolltemplate-melee table { - width: 100%; - background: white; - border: 1px solid; +.sheet-rolltemplate-boom .inlinerollresult { color: black; - background: url ('http://fc06.deviantart.net/fs40/i/2009/004/8/4/dirty_parchment_by_swimmingintheether.jpg'); - font-size: 1em; - font-family: "Helvetica Neue", Helvetica, sans-serif; - box-shadow: -5px -5px 6px #8B0000, -5px -5px 6px black; -} - -.sheet-rolltemplate-melee th { - background: url ('http://alamocityrods.com/sitebuilder/images/RedSmoke-359x157.png'); - background-size:contain; - color: white; - padding: 2px; - border-bottom: 1px solid black; - line-height: 1.6em; - font-size: 1.2em; - text-shadow: 0px 0px 2px black; -} - -.sheet-rolltemplate-melee .sheet-tcat { - font-weight: bold; -} - -.sheet-rolltemplate-melee td { - padding: 5px; -} - -.sheet-rolltemplate-melee .inlinerollresult { - display: inline-block; - min-width: 1.5em; + background:transparent; + border: none; + font-weight: bold; + display: inline-block; + min-width: 1.5em; text-align: center; - border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/ } - -.sheet-rolltemplate-melee .inlinerollresult.fullfail { - border: 2px solid #B31515; -} - -.sheet-rolltemplate-melee .inlinerollresult.importantroll { - border: 2px solid #4A57ED; +.sheet-rolltemplate-boom .inlinerollresult.fullcrit, +.sheet-rolltemplate-boom .inlinerollresult.fullfail, +.sheet-rolltemplate-boom .inlinerollresult.importantroll { + border: none; + background:transparent; + text-align:center; + letter-spacing: 2px; + margin-left:5px; } /*=== Roll Templates ===*/ @@ -2114,6 +2486,47 @@ input.sheet-use[type="radio"]:checked + span::before { padding: 5px; } +.sheet-rolltemplate-spell .sheet-tcat { + background:white; + border: 2px solid blue; + border-radius: 15px; + text-align:center; + letter-spacing: 2px; + margin-left:5px; + padding-left:5px; + padding-right:5px; + font-weight: bold; +} + +.sheet-rolltemplate-spell .sheet-skill_number { + border: 2px solid blue; + border-radius:15px; + background:white; + font-weight: bold; + color: blue; + display: inline-block; + text-align:center; + min-width: 1.5em; +} +.sheet-rolltemplate-spell .inlinerollresult { + color: blue; + background:transparent; + border: none; + font-weight: bold; + display: inline-block; + min-width: 1.5em; + text-align: center; +} +.sheet-rolltemplate-spell .inlinerollresult.fullcrit, +.sheet-rolltemplate-spell .inlinerollresult.fullfail, +.sheet-rolltemplate-spell .inlinerollresult.importantroll { + border: none; + background:transparent; + text-align:center; + letter-spacing: 2px; + margin-left:5px; +} + /*=== Roll Templates ===*/ /*=== fellcall ===*/ .sheet-rolltemplate-fellcall table { @@ -2150,6 +2563,47 @@ input.sheet-use[type="radio"]:checked + span::before { .sheet-rolltemplate-fellcall tr:last-child { border-bottom: 1px solid black; } + +.sheet-rolltemplate-fellcall .sheet-tcat { + background:black; + border: 2px solid #78BB83; + border-radius: 15px; + text-align:center; + letter-spacing: 2px; + margin-left:5px; + padding-left:5px; + padding-right:5px; + font-weight: bold; +} + +.sheet-rolltemplate-fellcall .sheet-skill_number { + border: 2px solid #78BB83; + border-radius:15px; + background:black; + font-weight: bold; + color: #78BB83; + display: inline-block; + text-align:center; + min-width: 1.5em; +} +.sheet-rolltemplate-fellcall .inlinerollresult { + color: #78BB83; + background:transparent; + border: none; + font-weight: bold; + display: inline-block; + min-width: 1.5em; + text-align: center; +} +.sheet-rolltemplate-fellcall .inlinerollresult.fullcrit, +.sheet-rolltemplate-fellcall .inlinerollresult.fullfail, +.sheet-rolltemplate-fellcall .inlinerollresult.importantroll { + border: none; + background:transparent; + text-align:center; + letter-spacing: 2px; + margin-left:5px; +} /*=== Runeshot ===*/ .sheet-rolltemplate-runeshot table { width: 100%; @@ -2172,27 +2626,50 @@ input.sheet-use[type="radio"]:checked + span::before { text-shadow: 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white ; } -.sheet-rolltemplate-runeshot .sheet-tcat { - font-weight: bold; -} - .sheet-rolltemplate-runeshot td { padding: 5px; } -.sheet-rolltemplate-runeshot .inlinerollresult { - display: inline-block; - min-width: 1.5em; - text-align: center; - border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/ +.sheet-rolltemplate-runeshot .sheet-tcat { + background:white; + border: 2px solid #953C1B; + border-radius: 15px; + text-align:center; + letter-spacing: 2px; + margin-left:5px; + padding-left:5px; + padding-right:5px; + font-weight: bold; } -.sheet-rolltemplate-runeshot .inlinerollresult.fullfail { - border: 2px solid #B31515; +.sheet-rolltemplate-runeshot .sheet-skill_number { + border:2px solid #953C1B; + border-radius:15px; + background:white; + font-weight: bold; + color:#953C1B; + display: inline-block; + text-align:center; + min-width: 1.5em; } +.sheet-rolltemplate-runeshot .inlinerollresult { + color: #953C1B; + background:transparent; + border: none; + font-weight: bold; + display: inline-block; + min-width: 1.5em; + text-align: center; +} +.sheet-rolltemplate-runeshot .inlinerollresult.fullcrit, +.sheet-rolltemplate-runeshot .inlinerollresult.fullfail, .sheet-rolltemplate-runeshot .inlinerollresult.importantroll { - border: 2px solid #4A57ED; + border: none; + background:transparent; + text-align:center; + letter-spacing: 2px; + margin-left:5px; } /*=== Roll Templates ===*/ /*=== ability ===*/ @@ -2310,11 +2787,11 @@ input.sheet-use[type="radio"]:checked + span::before { border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/ } -.sheet-rolltemplate-melee .inlinerollresult.fullfail { +.sheet-rolltemplate-jackmelee .inlinerollresult.fullfail { border: 2px solid #B31515; } -.sheet-rolltemplate-melee .inlinerollresult.importantroll { +.sheet-rolltemplate-jackmelee .inlinerollresult.importantroll { border: 2px solid #4A57ED; } @@ -2395,7 +2872,7 @@ input.sheet-use[type="radio"]:checked + span::before { border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/ } -.sheet-rolltemplate-melee .inlinerollresult.fullfail { +.sheet-rolltemplate-npcmelee .inlinerollresult.fullfail { border: 2px solid #B31515; }