API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 9th, 2018
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 26.65 KB | None | 0 0
raw download clone embed print report
  1. div.sheet-tab-content{
  2.     display:none
  3. }
  4. .charsheet{
  5.     text-align:center
  6. }
  7. input.sheet-tabMain:checked ~ div.sheet-tabMain,input.sheet-tabInformation:checked ~ div.sheet-tabInformation,input.sheet-tabGear:checked ~ div.sheet-tabGear,input.sheet-tabAbilities:checked ~ div.sheet-tabAbilities,input.sheet-tabExperience:checked ~ div.sheet-tabExperience{
  8.     display:block
  9. }
  10. input.sheet-tabPC:checked ~ div.sheet-tabPC,input.sheet-tabSquad:checked ~ div.sheet-tabSquad,input.sheet-tabGM:checked ~ div.sheet-tabGM{
  11.     display:block
  12. }
  13. input.sheet-tabHelpCombatActionsExtended:checked ~ div.sheet-tabHelpCombatActionsExtended,input.sheet-tabHelpCombatActionsSimple:checked ~ div.sheet-tabHelpCombatActionsSimple{
  14.     display:block
  15. }
  16. input.sheet-tabShip:checked ~ div.sheet-tabShip,input.sheet-tabVehicle:checked ~ div.sheet-tabVehicle,input.sheet-tabNPC:checked ~ div.sheet-tabNPC,input.sheet-tabAchievementTrack:checked ~ div.sheet-tabAchievementTrack,input.sheet-tabSystemPlanets:checked ~ div.sheet-tabSystemPlanets,input.sheet-tabPlanet:checked ~ div.sheet-tabPlanet{
  17.     display:block
  18. }
  19. input.sheet-tabHelpCombatActions:checked ~ div.sheet-tabHelpCombatActions,input.sheet-tabHelpFate:checked ~ div.sheet-tabHelpFate,input.sheet-tabHelpTests:checked ~ div.sheet-tabHelpTests,input.sheet-tabHelpCircumstances:checked ~ div.sheet-tabHelpCircumstances,input.sheet-tabHelpAcquisition:checked ~ div.sheet-tabHelpAcquisition,input.sheet-tabHelpInjury:checked ~ div.sheet-tabHelpInjury,input.sheet-tabHelpCraftmanship:checked ~ div.sheet-tabHelpCraftmanship,input.sheet-tabHelpCriticals:checked ~ div.sheet-tabHelpCriticals,input.sheet-tabHelpSkillsTalents:checked ~ div.sheet-tabHelpSkillsTalents,input.sheet-tabHelpExploration:checked ~ div.sheet-tabHelpExploration,input.sheet-tabHelpStarCombat:checked ~ div.sheet-tabHelpStarCombat,input.sheet-tabHelpShipRoles:checked ~ div.sheet-tabHelpShipRoles,input.sheet-tabHelpPsychic:checked ~ div.sheet-tabHelpPsychic,input.sheet-tabHelpVehicles:checked ~ div.sheet-tabHelpVehicles,input.sheet-tabHelpWeaponQualities:checked ~ div.sheet-tabHelpWeaponQualities{
  20.     display:block
  21. }
  22. input.sheet-tabHelpAcquisitionProfitFactor:checked ~ div.sheet-tabHelpAcquisitionProfitFactor,input.sheet-tabHelpAcquisitionAvailability:checked ~ div.sheet-tabHelpAcquisitionAvailability,input.sheet-tabHelpAcquisitionTests:checked ~ div.sheet-tabHelpAcquisitionTests,input.sheet-tabHelpAcquisitionInfluence:checked ~ div.sheet-tabHelpAcquisitionInfluence{
  23.     display:block
  24. }
  25. input.sheet-tabHelpExplorationExploration:checked ~ div.sheet-tabHelpExplorationExploration,input.sheet-tabHelpExplorationSocial:checked ~ div.sheet-tabHelpExplorationSocial,input.sheet-tabHelpExplorationMovement:checked ~ div.sheet-tabHelpExplorationMovement,input.sheet-tabHelpExplorationAthletics:checked ~ div.sheet-tabHelpExplorationAthletics,input.sheet-tabHelpExplorationOther:checked ~ div.sheet-tabHelpExplorationOther{
  26.     display:block
  27. }
  28. input.sheet-tabHelpCriticalsEnergy:checked ~ div.sheet-tabHelpCriticalsEnergy,input.sheet-tabHelpCriticalsExplosive:checked ~ div.sheet-tabHelpCriticalsExplosive,input.sheet-tabHelpCriticalsImpact:checked ~ div.sheet-tabHelpCriticalsImpact,input.sheet-tabHelpCriticalsRending:checked ~ div.sheet-tabHelpCriticalsRending{
  29.     display:block
  30. }
  31. input.sheet-tabHelpPsychicWho:checked ~ div.sheet-tabHelpPsychicWho,input.sheet-tabHelpPsychicAbility:checked ~ div.sheet-tabHelpPsychicAbility,input.sheet-tabHelpPsychicProblems:checked ~ div.sheet-tabHelpPsychicProblems{
  32.     display:block
  33. }
  34. input.sheet-tabHelpVehiclesDescription:checked ~ div.sheet-tabHelpVehiclesDescription,input.sheet-tabHelpVehiclesVehicle:checked ~ div.sheet-tabHelpVehiclesVehicle,input.sheet-tabHelpVehiclesAerial:checked ~ div.sheet-tabHelpVehiclesAerial,input.sheet-tabHelpVehiclesDamage:checked ~ div.sheet-tabHelpVehiclesDamage{
  35.     display:block
  36. }
  37. input.sheet-tabHelpStarCombatOverview:checked ~ div.sheet-tabHelpStarCombatOverview,input.sheet-tabHelpStarCombatMain:checked ~ div.sheet-tabHelpStarCombatMain,input.sheet-tabHelpStarCombatExtended:checked ~ div.sheet-tabHelpStarCombatExtended,input.sheet-tabHelpStarCombatAstropath:checked ~ div.sheet-tabHelpStarCombatAstropath,input.sheet-tabHelpStarCombatNavigator:checked ~ div.sheet-tabHelpStarCombatNavigator,input.sheet-tabHelpStarCombatActions:checked ~ div.sheet-tabHelpStarCombatActions,input.sheet-tabHelpStarCombatHazards:checked ~ div.sheet-tabHelpStarCombatHazards,input.sheet-tabHelpStarCombatDamage:checked ~ div.sheet-tabHelpStarCombatDamage{
  38.     display:block
  39. }
  40. input.sheet-tabHelpSkillsTalentsSkillsSummary:checked ~ div.sheet-tabHelpSkillsTalentsSkillsSummary,input.sheet-tabHelpSkillsTalentsSkillsExtended:checked ~ div.sheet-tabHelpSkillsTalentsSkillsExtended,input.sheet-tabHelpSkillsTalentsTalentsSummary:checked ~ div.sheet-tabHelpSkillsTalentsTalentsSummary,input.sheet-tabHelpSkillsTalentsTalentsExtended:checked ~ div.sheet-tabHelpSkillsTalentsTalentsExtended,input.sheet-tabHelpSkillsTalentsTraitsSummary:checked ~ div.sheet-tabHelpSkillsTalentsTraitsSummary,input.sheet-tabHelpSkillsTalentsTraitsExtended:checked ~ div.sheet-tabHelpSkillsTalentsTraitsExtended{
  41.     display:block
  42. }
  43. .charsheet input.sheet-tabAll:checked ~ div[class^="sheet-tab-content"] {  
  44.     display: block;
  45. }
  46. .charsheet h1{
  47.     display:block;
  48.     font-size:2em;
  49.     margin-top:0.67em;
  50.     margin-bottom:0.67em;
  51.     margin-left:0;
  52.     margin-right:0;
  53.     font-weight:bold
  54. }
  55. .charsheet .sheet-wrapper div,.charsheet .sheet-wrapper span,.charsheet .sheet-wrapper label,.charsheet .sheet-wrapper h1,.charsheet .sheet-wrapper h2,.charsheet .sheet-wrapper h3,.charsheet .sheet-wrapper h4,.charsheet .sheet-wrapper h5,.charsheet .sheet-wrapper h6,.charsheet .sheet-wrapper p,.charsheet .sheet-wrapper table,.charsheet .sheet-wrapper caption,.charsheet .sheet-wrapper tbody,.charsheet .sheet-wrapper tfoot,.charsheet .sheet-wrapper thead,.charsheet .sheet-wrapper tr,.charsheet .sheet-wrapper th,.charsheet .sheet-wrapper td{
  56.     margin:0;
  57.     padding:0;
  58.     border:0;
  59.     font-size:100%;
  60.     font:inherit;
  61.     color:#404040;
  62.     vertical-align:baseline;
  63.     box-sizing:border-box;
  64.     -moz-box-sizing:border-box;
  65.     -webkit-box-sizing:border-box
  66. }
  67. .charsheet .sheet-wrapper table{
  68.     border-collapse:collapse;
  69.     border-spacing:0
  70. }
  71. .charsheet .sheet-wrapper input::-webkit-outer-spin-button,.charsheet .sheet-wrapper input::-webkit-inner-spin-button{
  72.     -webkit-appearance:none;
  73.     margin:0
  74. }
  75. .charsheet .sheet-wrapper input[type="number"]{
  76.     -moz-appearance:textfield
  77. }
  78. .charsheet .sheet-wrapper button[type="roll"]:before{
  79.     content:"" !important;
  80.     display:none
  81. }
  82. .charsheet .sheet-wrapper button[type="roll"],.charsheet .sheet-wrapper .sheet-btn{
  83.     width:100%;
  84.     height:24px;
  85.     vertical-align:middle;
  86.     padding:0;
  87.     display:inline-block;
  88.     margin:0;
  89.     font-weight:400;
  90.     text-align:center;
  91.     vertical-align:middle;
  92.     cursor:pointer;
  93.     background-image:none;
  94.     background-color:transparent;
  95.     border:1px solid #ccc;
  96.     white-space:nowrap;
  97.     border-radius:4px;
  98.     -webkit-user-select:none;
  99.     -moz-user-select:none;
  100.     -ms-user-select:none;
  101.     user-select:none;
  102.     box-sizing:border-box;
  103.     -moz-box-sizing:border-box;
  104.     -webkit-box-sizing:border-box
  105. }
  106. .charsheet .sheet-wrapper .sheet-charMainInput{
  107.     display:block !important;
  108.     border:1px solid gray !important;
  109.     background-color:transparent !important;
  110.     width:95% !important;
  111.     margin:auto !important;
  112.     height:30px !important;
  113.     text-align:center !important;
  114.     font-weight:bolder !important;
  115.     font-family:inherit !important;
  116.     font-size:2em !important
  117. }
  118. .charsheet .sheet-wrapper .sheet-charModInput{
  119.     display:block !important;
  120.     border:1px solid gray !important;
  121.     background-color:transparent !important;
  122.     width:95% !important;
  123.     margin:auto !important;
  124.     height:25px !important;
  125.     text-align:center !important;
  126.     font-weight:bolder !important;
  127.     font-family:inherit !important;
  128.     font-size:1em !important
  129. }
  130. .charsheet .sheet-wrapper .sheet-charAdvance{
  131.     display:block;
  132.     border:1px solid gray;
  133.     background-color:transparent;
  134.     width:95%;
  135.     margin:auto;
  136.     height:25px;
  137.     text-align:center;
  138.     font-weight:bolder;
  139.     font-family:inherit;
  140.     font-size:1em;
  141.     vertical-align:middle;
  142.     -webkit-appearance:none;
  143.     -moz-appearance:none;
  144.     appearance:none;
  145.     -webkit-transition:all 0.3s ease-out;
  146.     -moz-transition:all 0.3s ease-out;
  147.     -ms-transition:all 0.3s ease-out;
  148.     -o-transition:all 0.3s ease-out;
  149.     transition:all 0.3s ease-out;
  150.     text-align-last:center
  151. }
  152. .charsheet .sheet-wrapper button[type="roll"]:hover,.charsheet .sheet-wrapper .sheet-btn:hover,.charsheet .sheet-wrapper .sheet-hider input[type=checkbox]:checked ~ .sheet-btn{
  153.     background-color:#DAA520;
  154.     border-color:#DAA520
  155. }
  156. .charsheet .sheet-wrapper button[type="roll"] label,.charsheet .sheet-wrapper button[type="roll"] input{
  157.     height:24px;
  158.     line-height:24px;
  159.     font-size:13px;
  160.     vertical-align:middle;
  161.     text-align:center;
  162.     width:99%;
  163.     cursor:pointer;
  164.     background:none;
  165.     box-shadow:none;
  166.     transition:none;
  167.     border-radius:none;
  168.     border:none;
  169.     font-weight:700
  170. }
  171. .charsheet .sheet-wrapper button[type="roll"]:hover label,.charsheet .sheet-wrapper button[type="roll"]:hover input{
  172.     color:white;
  173.     border:none
  174. }
  175. .charsheet{
  176.     background-image:url(https://i.imgur.com/SYweEIc.jpg);
  177.     background-size:100%;
  178.     font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
  179.     font-size:14px
  180. }
  181. .charsheet .sheet-wrapper h3{
  182.     color:black;
  183.     padding:3px;
  184.     margin-bottom:5px;
  185.     font-size:18px;
  186.     font-weight:bold;
  187.     font-family:inherit;
  188.     text-transform:uppercase;
  189.     text-align:center
  190. }
  191. .charsheet .sheet-wrapper h4{
  192.     color:black;
  193.     font-weight:bold;
  194.     font-family:inherit;
  195.     text-transform:uppercase;
  196.     text-align:center
  197. }
  198. .charsheet .sheet-wrapper textarea{
  199.     display:inline-block;
  200.     border:1px solid #aaa;
  201.     padding:2px;
  202.     height:24px;
  203.     width:100%;
  204.     font-size:14px;
  205.     font-family:inherit;
  206.     line-height:16px;
  207.     font-weight:normal;
  208.     margin:0;
  209.     color:#555;
  210.     background-color:white;
  211.     vertical-align:middle;
  212.     cursor:auto;
  213.     letter-spacing:normal;
  214.     word-spacing:normal;
  215.     text-transform:none;
  216.     text-indent:0px;
  217.     text-shadow:none;
  218.     text-align:start;
  219.     -webkit-rtl-ordering:logical;
  220.     -webkit-user-select:text;
  221.     -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  222.     -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  223.     box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  224.     -webkit-transition:border linear .2s,box-shadow linear .2s;
  225.     -moz-transition:border linear .2s,box-shadow linear .2s;
  226.     -ms-transition:border linear .2s,box-shadow linear .2s;
  227.     -o-transition:border linear .2s,box-shadow linear .2s;
  228.     transition:border linear .2s,box-shadow linear .2s;
  229.     -webkit-border-radius:3px;
  230.     -moz-border-radius:3px;
  231.     border-radius:3px;
  232.     -webkit-writing-mode:horizontal-tb
  233. }
  234. .charsheet .sheet-wrapper input,.charsheet .sheet-wrapper select,.charsheet .sheet-wrapper input[type="number"]{
  235.     display:inline-block;
  236.     border-bottom:1px dotted gray;
  237.     border-top:none;
  238.     border-left:none;
  239.     border-right:none;
  240.     padding:2px;
  241.     height:24px;
  242.     width:100%;
  243.     font-size:14px;
  244.     font-family:inherit;
  245.     line-height:16px;
  246.     font-weight:normal;
  247.     margin:0;
  248.     color:#555;
  249.     background-color:transparent;
  250.     vertical-align:middle;
  251.     cursor:auto;
  252.     letter-spacing:normal;
  253.     word-spacing:normal;
  254.     text-transform:none;
  255.     text-indent:0px;
  256.     text-shadow:none;
  257.     text-align:start;
  258.     -webkit-rtl-ordering:logical;
  259.     -webkit-user-select:text;
  260.     -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  261.     -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  262.     box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  263.     -webkit-transition:border linear .2s,box-shadow linear .2s;
  264.     -moz-transition:border linear .2s,box-shadow linear .2s;
  265.     -ms-transition:border linear .2s,box-shadow linear .2s;
  266.     -o-transition:border linear .2s,box-shadow linear .2s;
  267.     transition:border linear .2s,box-shadow linear .2s;
  268.     -webkit-border-radius:3px;
  269.     -moz-border-radius:3px;
  270.     border-radius:3px;
  271.     -webkit-writing-mode:horizontal-tb
  272. }
  273. .charsheet .sheet-wrapper input:not([type='checkbox']){
  274.     -webkit-appearance:textfield
  275. }
  276. .charsheet .sheet-wrapper input[type="checkbox"]{
  277.     height:13px;
  278.     width:13px;
  279.     color:#555;
  280.     border:1px solid #aaa;
  281.     -webkit-border-radius:0;
  282.     -moz-border-radius:0;
  283.     border-radius:0;
  284.     -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  285.     -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  286.     box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  287.     -webkit-transition:border linear .2s,box-shadow linear .2s;
  288.     -moz-transition:border linear .2s,box-shadow linear .2s;
  289.     -ms-transition:border linear .2s,box-shadow linear .2s;
  290.     -o-transition:border linear .2s,box-shadow linear .2s;
  291.     transition:border linear .2s,box-shadow linear .2s
  292. }
  293. .charsheet .sheet-wrapper input[disabled],.charsheet .sheet-wrapper select[disabled],.charsheet .sheet-wrapper textarea[disabled],.charsheet .sheet-wrapper input[readonly],.charsheet .sheet-wrapper select[readonly],.charsheet .sheet-wrapper textarea[readonly]{
  294.     background-color:transparent;
  295.     border-color:#aaa;
  296.     cursor:not-allowed
  297. }
  298. .charsheet .sheet-wrapper textarea{
  299.     width:98%;
  300.     height:80px;
  301.     line-height:16px
  302. }
  303. .charsheet .sheet-wrapper label{
  304.     display:inline-block;
  305.     width:100%;
  306.     font-size:14px;
  307.     text-align:left;
  308.     font-weight:600;
  309.     height:24px;
  310.     line-height:24px;
  311.     vertical-align:middle
  312. }
  313. .charsheet .sheet-wrapper .sheet-3colrow .sheet-col{
  314.     width:calc(40% - 9px) !important;
  315.     margin-right:5px !important
  316. }
  317. .charsheet .sheet-wrapper .sheet-3colrow .sheet-col:nth-child(2){
  318.     width:calc(20% - 9px) !important;
  319.     margin-right:5px
  320. }
  321. .charsheet .sheet-wrapper .sheet-3colrow .sheet-col:last-child{
  322.     margin-right:0 !important
  323. }
  324. .charsheet .sheet-wrapper .sheet-2colrow .sheet-col2{
  325.     width:calc(50% - 3px) !important;
  326.     margin-right:2px !important
  327. }
  328. .charsheet .sheet-wrapper .sheet-2colrow .sheet-col2:last-child{
  329.     margin-right:0 !important
  330. }
  331. .charsheet .sheet-wrapper .sheet-1colrow .sheet-col{
  332.     width:calc(100% - 3px) !important;
  333.     margin-right:0 !important
  334. }
  335. .charsheet .sheet-wrapper .sheet-tablecontainer{
  336.     display:table
  337. }
  338. .charsheet .sheet-wrapper .sheet-tablecell{
  339.     display:table-cell
  340. }
  341. .charsheet .sheet-wrapper .sheet-skills td:first-child{
  342.     width:70%;
  343.     height:24px;
  344.     border-bottom:1px solid gray
  345. }
  346. .charsheet .sheet-wrapper .sheet-skills td:nth-child(n+2){
  347.     width:24px;
  348.     height:24px;
  349.     border:1px solid gray;
  350.     text-align:center
  351. }
  352. .charsheet .sheet-wrapper .sheet-skills button[type="roll"]{
  353.     width:24px
  354. }
  355. .charsheet .sheet-wrapper .sheet-transparent{
  356.     background:transparent;
  357.     border:transparent
  358. }
  359. .charsheet .sheet-wrapper .sheet-inline{
  360.     display:inline-block
  361. }
  362. .charsheet .sheet-wrapper .sheet-quickborder{
  363.     border:1px solid #AAAAAA;
  364.     padding:3px;
  365.     margin-bottom:5px
  366. }
  367. .charsheet .sheet-wrapper .sheet-uppercase{
  368.     text-transform:uppercase
  369. }
  370. .charsheet .sheet-wrapper .sheet-uppercase label{
  371.     text-align:center
  372. }
  373. .charsheet .sheet-wrapper .sheet-armourblock{
  374.     text-align:center;
  375.     margin:auto auto 5px auto;
  376.     width:calc(33% - 3px);
  377.     display:inline-block
  378. }
  379. .charsheet .sheet-wrapper .sheet-armourblock label{
  380.     text-align:center;
  381.     text-transform:uppercase
  382. }
  383. .charsheet .sheet-wrapper .sheet-armourblock input{
  384.     text-align:center;
  385.     font-size:1.2em
  386. }
  387. .charsheet .sheet-wrapper .sheet-doublerow{
  388.     height:48px;
  389.     margin:0 0 2px
  390. }
  391. .charsheet .sheet-wrapper .sheet-alternative:nth-child(even){
  392.     background-color:#DBB0B1
  393. }
  394. .charsheet .sheet-wrapper .sheet-header{
  395.     height:20px;
  396.     margin:0
  397. }
  398. .charsheet .sheet-wrapper .sheet-header label{
  399.     padding:0;
  400.     font-size:10px;
  401.     height:20px;
  402.     line-height:20px;
  403.     font-weight:700
  404. }
  405. .charsheet .sheet-wrapper .sheet-item{
  406.     display:inline-block;
  407.     width:100%;
  408.     height:28px;
  409.     vertical-align:middle;
  410.     margin:0 -2px;
  411.     text-align:left;
  412.     padding:3px 2px
  413. }
  414. .charsheet .sheet-wrapper .sheet-item2{
  415.     display:inline-block;
  416.     width:100%;
  417.     height:28px;
  418.     vertical-align:middle;
  419.     margin:0 -2px;
  420.     text-align:left;
  421.     padding:3px 2px
  422. }
  423. .charsheet .sheet-wrapper .sheet-brackets{
  424.     border-left:1px solid #aaa;
  425.     border-right:1px solid #aaa;
  426.     border-radius:12px
  427. }
  428. .charsheet .sheet-wrapper .sheet-item.sheet-center{
  429.     text-align:center
  430. }
  431. .charsheet .sheet-wrapper .sheet-item.sheet-multiline label{
  432.     line-height:12px;
  433.     padding-top:1px
  434. }
  435. .charsheet .sheet-wrapper .sheet-item.sheet-other{
  436.     width:28px
  437. }
  438. .charsheet .sheet-wrapper .sheet-item.sheet-puny{
  439.     width:calc(10% - 3%)
  440. }
  441. .charsheet .sheet-wrapper .sheet-item.sheet-little{
  442.     width:calc(12% - 0.5%)
  443. }
  444. .charsheet .sheet-wrapper .sheet-item.sheet-tiny{
  445.     width:calc(15% - 2%)
  446. }
  447. .charsheet .sheet-wrapper .sheet-item.sheet-small{
  448.     width:calc(20% - 0.5%)
  449. }
  450. .charsheet .sheet-wrapper textarea.sheet-small{
  451.     height:32px
  452. }
  453. .charsheet .sheet-wrapper .sheet-item.sheet-med{
  454.     width:calc(30% - 0.5%)
  455. }
  456. .charsheet .sheet-wrapper .sheet-item.sheet-large{
  457.     width:calc(40% - 3%)
  458. }
  459. .charsheet .sheet-wrapper .sheet-item.sheet-big{
  460.     width:calc(50% - 3%)
  461. }
  462. .charsheet .sheet-wrapper .sheet-item.sheet-morebig{
  463.     width:calc(60% - 3%)
  464. }
  465. .charsheet .sheet-wrapper .sheet-item.sheet-bigger{
  466.     width:calc(70% - 3%)
  467. }
  468. .charsheet .sheet-wrapper .sheet-item.sheet-huge{
  469.     width:calc(80% - 3%)
  470. }
  471. .charsheet .sheet-wrapper .sheet-characteristics button[type="roll"] label,.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"] input.sheet-charMain{
  472.     height:25px;
  473.     line-height:25px;
  474.     font-size:16px;
  475.     font-weight:bold;
  476.     font-family:inherit;
  477.     vertical-align:center;
  478.     text-align:center;
  479.     width:99%;
  480.     cursor:pointer;
  481.     background:none;
  482.     box-shadow:none;
  483.     transition:none;
  484.     border-radius:none;
  485.     border:none
  486. }
  487. .charsheet .sheet-wrapper .sheet-characteristics button[type="roll"]:hover label,.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"]:hover input.sheet-charMain{
  488.     color:#fff;
  489.     border:none;
  490.     background-color:#DAA520;
  491.     border-color:#DAA520;
  492.     border-radius:5px
  493. }
  494. .charsheet .sheet-wrapper .sheet-characteristics button[type="roll"]{
  495.     border:none;
  496.     background-color:transparent;
  497.     width:100%;
  498.     margin:auto;
  499.     text-align:center;
  500.     font-family:inherit
  501. }
  502. .charsheet .sheet-wrapper .sheet-characteristics select{
  503.     display:inline-block;
  504.     width:100%;
  505.     text-align:center;
  506.     background-color:transparent;
  507.     border:0;
  508.     font-weight:bold
  509. }
  510. .charsheet .sheet-wrapper .sheet-characteristics input.sheet-charMain{
  511.     display:block;
  512.     border:1px solid gray;
  513.     background-color:transparent;
  514.     width:70%;
  515.     height:65px;
  516.     margin:auto;
  517.     text-align:center;
  518.     font-weight:bolder;
  519.     font-family:inherit;
  520.     font-size:3em
  521. }
  522. .charsheet .sheet-wrapper .sheet-footer{
  523.     display:inline-block;
  524.     padding:5px;
  525.     vertical-align:super;
  526.     font-size:0.9em;
  527.     line-height:0.8em;
  528.     text-align:center
  529. }
  530. .charsheet .sheet-wrapper .sheet-innerfooter{
  531.     display:inline-block;
  532.     border:inherit;
  533.     width:47%;
  534.     padding:2px
  535. }
  536. .charsheet .sheet-wrapper .sheet-innerfooter input{
  537.     width:100%;
  538.     margin-top:-7px
  539. }
  540. .sheet-mainleft{
  541.     width:39%;
  542.     float:left;
  543.     padding-right:1%
  544. }
  545. .sheet-mainright{
  546.     width:39%;
  547.     float:right
  548. }
  549. .sheet-input-selectbox{
  550.     -webkit-appearance:none;
  551.     -moz-appearance:none;
  552.     appearance:none;
  553.     -webkit-transition:all 0.3s ease-out;
  554.     -moz-transition:all 0.3s ease-out;
  555.     -ms-transition:all 0.3s ease-out;
  556.     -o-transition:all 0.3s ease-out;
  557.     transition:all 0.3s ease-out;
  558.     text-align:center;
  559.     text-align-last:center;
  560.     border:none;
  561.     box-shadow:none
  562. }
  563. input.sheet-arrow[type="checkbox"]{
  564.     opacity:0;
  565.     width:20px;
  566.     height:20px;
  567.     position:relative;
  568.     top:0px;
  569.     left:16px;
  570.     cursor:pointer;
  571.     z-index:1
  572. }
  573. input.sheet-arrow[type="checkbox"] + span::before{
  574.     background:url("http://i.imgur.com/5mZxbzB.png");
  575.     background-size:20px 20px;
  576.     background-repeat:no-repeat;
  577.     background-position:center;
  578.     content:"";
  579.     line-height:14px;
  580.     text-align:center;
  581.     display:inline-block;
  582.     vertical-align:middle;
  583.     border-radius:10px;
  584.     border:1px solid white;
  585.     width:20px;
  586.     height:20px
  587. }
  588. input.sheet-arrow[type="checkbox"]:checked + span::before{
  589.     background:url("http://i.imgur.com/uNmL0QE.png");
  590.     background-size:20px 20px;
  591.     background-repeat:no-repeat;
  592.     background-position:center;
  593.     content:"";
  594.     width:20px;
  595.     height:20px
  596. }
  597. div.sheet-body{
  598.     display:none
  599. }
  600. input.sheet-arrow:checked ~ div.sheet-body{
  601.     display:block
  602. }
  603. label.sheet-tab{
  604.     text-align:center;
  605.     display:inline-block;
  606.     font-size:14px;
  607.     background:transparent;
  608.     color:black;
  609.     font-weight:bold;
  610.     border-radius:10px;
  611.     line-height:30px;
  612.     width:14%;
  613.     height:30px;
  614.     cursor:pointer;
  615.     position:relative;
  616.     vertical-align:middle;
  617.     text-shadow:4px 4px 5px rgba(150, 150, 150, 0.5);
  618.     margin-left:-12%;
  619.     text-indent:12px
  620. }
  621. input.sheet-tab{
  622.     width:14%;
  623.     height:30px;
  624.     cursor:pointer;
  625.     position:relative;
  626.     opacity:0;
  627.     z-index:9999
  628. }
  629. input.sheet-tab:checked + label{
  630.     background:black;
  631.     background:-moz-radial-gradient(black, #dfdfdf);
  632.     background:-webkit-radial-gradient(black, #dfdfdf);
  633.     background:-ms-radial-gradient(black, #dfdfdf);
  634.     background:-o-radial-gradient(black, #dfdfdf);
  635.     background:radial-gradient(black, #dfdfdf);
  636.     color:white;
  637.     border-radius:10px;
  638.     border:none
  639. }
  640. .charsheet .sheet-wrapper .sheet-characteristics div.sheet-smallBox{
  641.     height:25px;
  642.     text-align:center
  643. }
  644. .charsheet .sheet-wrapper .sheet-characteristics input.sheet-smallBox,.charsheet .sheet-wrapper .sheet-characteristics select.sheet-smallBox{
  645.     height:25px;
  646.     width:20%;
  647.     border:1px solid gray;
  648.     background-color:transparent;
  649.     margin:auto;
  650.     text-align:center;
  651.     font-family:inherit
  652. }
  653. input[type="radio"].sheet-advanceRadio{
  654.     opacity:0;
  655.     width:16px;
  656.     height:16px;
  657.     position:relative;
  658.     left:6px;
  659.     margin:-10px;
  660.     cursor:pointer;
  661.     z-index:1
  662. }
  663. input[type="radio"].sheet-advanceRadio + span::before{
  664.     margin-right:1px;
  665.     border:solid 1px #a8a8a8;
  666.     line-height:14px;
  667.     text-align:center;
  668.     display:inline-block;
  669.     vertical-align:middle;
  670.     -moz-box-shadow:0 0 2px #ccc;
  671.     -webkit-box-shadow:0 0 2px #ccc;
  672.     box-shadow:0 0 2px #ccc;
  673.     background:#000000;
  674.     content:"";
  675.     width:12px;
  676.     height:12px;
  677.     font-size:12px;
  678.     -moz-border-radius:0%;
  679.     -webkit-border-radius:0%;
  680.     border-radius:0%;
  681.     background:#f6f6f6;
  682.     background:-moz-radial-gradient(#f6f6f6, #dfdfdf);
  683.     background:-webkit-radial-gradient(#f6f6f6, #dfdfdf);
  684.     background:-ms-radial-gradient(#f6f6f6, #dfdfdf);
  685.     background:-o-radial-gradient(#f6f6f6, #dfdfdf);
  686.     background:radial-gradient(#f6f6f6, #dfdfdf)
  687. }
  688. input[type="radio"].sheet-advanceRadio:checked + span::before{
  689.     margin-right:1px;
  690.     border:solid 1px #a8a8a8;
  691.     line-height:14px;
  692.     text-align:center;
  693.     display:inline-block;
  694.     vertical-align:middle;
  695.     -moz-box-shadow:0 0 2px #ccc;
  696.     -webkit-box-shadow:0 0 2px #ccc;
  697.     box-shadow:0 0 2px #ccc;
  698.     background:#000000;
  699.     content:"X";
  700.     width:12px;
  701.     height:12px;
  702.     font-size:12px;
  703.     -moz-border-radius:0%;
  704.     -webkit-border-radius:0%;
  705.     border-radius:0%;
  706.     background:#f6f6f6;
  707.     background:-moz-radial-gradient(#f6f6f6, #dfdfdf);
  708.     background:-webkit-radial-gradient(#f6f6f6, #dfdfdf);
  709.     background:-ms-radial-gradient(#f6f6f6, #dfdfdf);
  710.     background:-o-radial-gradient(#f6f6f6, #dfdfdf);
  711.     background:radial-gradient(#f6f6f6, #dfdfdf)
  712. }
  713. .charsheet .sheet-wrapper .sheet-charBoxInput{
  714.     display:block !important;
  715.     border:1px solid gray !important;
  716.     background-color:transparent !important;
  717.     width:75% !important;
  718.     margin:auto !important;
  719.     height:25px !important;
  720.     text-align:center !important;
  721.     font-weight:bolder !important;
  722.     font-family:inherit !important;
  723.     font-size:1em !important
  724. }
  725. div.sheet-gridlinesAchievement{
  726.     background-color:transparent;
  727.     background-image:url(http://i.imgur.com/ApisXeX.png);
  728.     background-size:100%
  729. }
  730. input[type=range]{
  731.     -webkit-appearance:none;
  732.     margin:10px 0;
  733.     width:100%
  734. }
  735. input[type=range]:focus{
  736.     outline:none
  737. }
  738. input[type=range]::-webkit-slider-runnable-track{
  739.     width:100%;
  740.     height:5px;
  741.     cursor:pointer;
  742.     animate:0.2s;
  743.     box-shadow:0px 0px 0px #002200;
  744.     background:#205928;
  745.     border-radius:0px;
  746.     border:0px solid #18D501
  747. }
  748. input[type=range]::-webkit-slider-thumb{
  749.     box-shadow:3px 3px 3px #00AA00;
  750.     border:2px solid #83E584;
  751.     height:20px;
  752.     width:10px;
  753.     border-radius:0px;
  754.     background:#439643;
  755.     cursor:pointer;
  756.     -webkit-appearance:none;
  757.     margin-top:-8.5px
  758. }
  759. input[type=range]:focus::-webkit-slider-runnable-track{
  760.     background:#205928
  761. }
  762. input[type=range]::-moz-range-track{
  763.     width:100%;
  764.     height:5px;
  765.     cursor:pointer;
  766.     animate:0.2s;
  767.     box-shadow:0px 0px 0px #002200;
  768.     background:#205928;
  769.     border-radius:0px;
  770.     border:0px solid #18D501
  771. }
  772. input[type=range]::-moz-range-thumb{
  773.     box-shadow:3px 3px 3px #00AA00;
  774.     border:2px solid #83E584;
  775.     height:20px;
  776.     width:10px;
  777.     border-radius:0px;
  778.     background:#439643;
  779.     cursor:pointer
  780. }
  781. input[type=range]::-ms-track{
  782.     width:100%;
  783.     height:5px;
  784.     cursor:pointer;
  785.     animate:0.2s;
  786.     background:transparent;
  787.     border-color:transparent;
  788.     color:transparent
  789. }
  790. input[type=range]::-ms-fill-lower{
  791.     background:#205928;
  792.     border:0px solid #18D501;
  793.     border-radius:0px;
  794.     box-shadow:0px 0px 0px #002200
  795. }
  796. input[type=range]::-ms-fill-upper{
  797.     background:#205928;
  798.     border:0px solid #18D501;
  799.     border-radius:0px;
  800.     box-shadow:0px 0px 0px #002200
  801. }
  802. input[type=range]::-ms-thumb{
  803.     box-shadow:3px 3px 3px #00AA00;
  804.     border:2px solid #83E584;
  805.     height:20px;
  806.     width:10px;
  807.     border-radius:0px;
  808.     background:#439643;
  809.     cursor:pointer
  810. }
  811. input[type=range]:focus::-ms-fill-lower{
  812.     background:#205928
  813. }
  814. input[type=range]:focus::-ms-fill-upper{
  815.     background:#205928
  816. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!