diff --git a/package-lock.json b/package-lock.json index cb7df08..0a3b8da 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3693,9 +3693,9 @@ "dev": true }, "ini": { - "version": "1.3.5", - "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.5.tgz", - "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==", + "version": "1.3.8", + "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz", + "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==", "dev": true }, "interpret": { diff --git a/system/styles/l5r5e.css b/system/styles/l5r5e.css index c60b0a0..1241211 100644 --- a/system/styles/l5r5e.css +++ b/system/styles/l5r5e.css @@ -1 +1 @@ -body{background:url("../assets/imgs/background.webp") no-repeat center;background-size:cover}.window-app .window-content{z-index:1;position:relative;background:url("../assets/imgs/bgL5R.webp") no-repeat;background-size:cover}.window-app .window-resizable-handle{z-index:2;background:rgba(0,0,0,0.75)}*{transition-property:background, color, border-color, text-shadow, box-shadow;transition-duration:0.5s;transition-timing-function:ease}input[type="text"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="time"]:focus{box-shadow:0 0 6px rgba(255,0,0,0.75)}.tabs .item.active{text-shadow:0 0 10px rgba(255,0,0,0.75)}#controls .scene-control.active,#controls .control-tool.active,#controls .scene-control:hover,#controls .control-tool:hover{box-shadow:0 0 10px rgba(255,0,0,0.75)}ul,li{list-style-type:none;margin:0;padding:0}input[type="text"],input[type="number"],input[type="password"],input[type="date"],input[type="time"]{background:rgba(255,255,255,0.5);border:1px solid rgba(186,187,177,0.5);padding:0.25rem;color:#764f40}.earth{color:#699678}.air{color:#917896}.water{color:#5f919b}.fire{color:#9b7350}.void{color:#4b4641}@font-face{font-family:"LogotypeL5r";src:url("../fonts/LogotypeL5r.ttf") format("truetype")}@font-face{font-family:"BrushtipTexe";src:url("../fonts/BrushtipTexe.ttf") format("truetype")}@font-face{font-family:"PatrickHand";src:url("../fonts/PatrickHand.ttf") format("truetype")}@font-face{font-family:"ManoNegra";src:url("../fonts/ManoNegra.ttf") format("truetype")}body{font:16px "PatrickHand",sans-serif;letter-spacing:0.05rem}h1,h4{font-family:"BrushtipTexe",sans-serif}h1{font-size:2rem}h4{font-size:1.25rem}i.strife,i.success,i.explosive,i.opportunity,i.d6,i.d12,i.i_earth,i.i_water,i.i_fire,i.i_air,i.i_void{font-family:LogotypeL5r;line-height:1rem;font-style:normal;font-weight:normal;vertical-align:middle}i.strife:before{content:"f"}i.success:before{content:"s"}i.explosive:before{content:"e"}i.opportunity:before{content:"o"}i.d6:before{content:"r"}i.d12:before{content:"k"}i.i_earth:before{content:"g"}i.i_water:before{content:"w"}i.i_fire:before{content:"i"}i.i_air:before{content:"a"}i.i_void:before{content:"v"}body,#navigation #scene-list .scene.view,#navigation #scene-list .scene.context,#navigation #nav-toggle,#navigation #scene-list .scene.nav-item,#controls .scene-control.active,#controls .control-tool.active,#controls .scene-control:hover,#controls .control-tool:hover,#client-settings .window-content form .form-group>label,#client-settings .window-content form .form-group select,#client-settings .form-group input,.app.window-app .form-group label,#sidebar .sidebar-tab #chat-controls div.roll-type-select select,#sidebar .sidebar-tab #chat-controls div.roll-type-select i.fas{cursor:url("../assets/cursors/normal.webp"),default !important}a,#hotbar .macro,#playlists-popout .global-volume::-webkit-slider-thumb,#sidebar #playlists .global-volume::-webkit-slider-thumb,#playlists-popout li.playlist:not(:first-of-type) li.sound .sound-volume::-webkit-slider-thumb,#sidebar #playlists li.playlist:not(:first-of-type) li.sound .sound-volume::-webkit-slider-thumb,#sidebar #settings button,.app.window-app.sheet.wfrp4e.actor.character-sheet .tab.main.active .main-row .movement.row-section .move-value .auto-calc-toggle,.app.window-app.sheet.wfrp4e.actor.npc-sheet .main-row .movement.row-section .move-value .auto-calc-toggle,.app.window-app.sheet.wfrp4e.actor.creature-sheet .main-row .movement.row-section .move-value .auto-calc-toggle,.app.window-app .form-group input[type="range"]::-webkit-slider-thumb,.token-sheet .tab[data-tab="image"] input[type="range"]::-webkit-slider-thumb,#drawing-config .tab[data-tab="image"] input[type="range"]::-webkit-slider-thumb,.metacurrency-value,.overcast-button,.chargen-button,#controls .scene-control,#controls .control-tool,#effects-config .flex2::-webkit-slider-thumb,#client-settings section.content .submenu>button,#client-settings .window-content button label,form .form-group .form-fields button,.sidebar-tab .action-buttons button,.dialog .dialog-buttons button,form button{cursor:url("../assets/cursors/pointer.webp"),pointer !important}.draggable{cursor:url("../assets/cursors/drag.webp"),move !important}.chat-dice>img{border:1px solid transparent;background-repeat:no-repeat;background-position:center;background-size:100%;height:44px;width:44px;outline:none;margin:0;flex:0 0 20px;display:inline-block}.dice-picker-dialog .profil{float:left}.dice-picker-dialog .dices{float:right}button{font-size:0.75rem}#sidebar{padding:0.5rem 0.25rem 0.5rem 0.5rem;background-position:top;background-size:100%;background:url(../assets/ui/bgSidebar.webp) no-repeat;border:1px solid #c3a582;border-radius:0;overflow:initial;height:calc(100% - 1rem);top:0.5rem;min-width:40px}#sidebar:before{z-index:-1;content:"";position:absolute;height:calc(100% + 0.6rem);width:100%;border:1px solid #c3a582;border-radius:0;top:-0.35rem;left:0.25rem}#sidebar #sidebar-tabs{flex:0 0 2rem;box-sizing:border-box;margin:0 0 0.25rem;border-bottom:1px solid rgba(195,165,130,0.5);box-shadow:none}#sidebar #sidebar-tabs>.item{line-height:1.6rem;border-radius:100%;margin:0;flex:0 0 1.6rem;height:1.6rem}#sidebar #sidebar-tabs>.item.active,#sidebar #sidebar-tabs>.item:hover{border:1px solid rgba(255,100,0,0.75);box-shadow:0 0 6px rgba(255,100,0,0.75)}#sidebar #sidebar-tabs .collapse{position:relative;flex:0 0 1.5rem;line-height:1.5rem;color:#c3a582;text-align:center}#sidebar .sidebar-tab .action-buttons button{cursor:default;color:rgba(255,255,255,0.65);background:linear-gradient(#286432, #0a3c0f, #286432);background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px}#sidebar .sidebar-tab .action-buttons button:hover{background:linear-gradient(#0a3c0f, #286432, #0a3c0f)}#sidebar .message-sender{color:#963c41}#hotbar{margin:0}#hotbar #action-bar{flex:0 0 100%}#hotbar #action-bar .macro{-o-border-image:url("../assets/ui/macro-button.webp");border-image:url("../assets/ui/macro-button.webp");border-image-slice:8 fill;border-image-width:0.25rem;border-image-outset:0;border-radius:0}#hotbar #action-bar .macro .macro-key{background:rgba(0,0,0,0.5)}#hotbar #action-bar #macro-list{background:rgba(0,0,0,0.75);margin:0;padding:0.05rem;border-radius:0;background-position:center;background-size:100%;background:url(../assets/ui/bgSidebar.webp) no-repeat;background-origin:padding-box;border:0 none;box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,0.75)}#hotbar .bar-controls{background-position:center;background-size:100%;background:url(../assets/ui/bgSidebar.webp) no-repeat;background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 15 repeat;border-image:url("../assets/ui/macro-button.webp") 15 repeat;border-image-width:0.5rem;border-image-outset:0px;box-shadow:0 0 0.25rem rgba(0,0,0,0.75);border-radius:0;margin:0 0.5rem}#hotbar .bar-controls a.page-control,#hotbar .bar-controls span.page-number{font-size:1rem;line-height:0.95rem}#players{border-radius:0;background-position:center;background-size:100%;background:url(../assets/ui/bgSidebar.webp) no-repeat;background-origin:padding-box;border:1px solid #c3a582;background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 15 repeat;border-image:url("../assets/ui/macro-button.webp") 15 repeat;border-image-width:0.5rem;border-image-outset:0px;margin:0;padding:0;left:1.15rem;bottom:0.65rem;box-shadow:inset 0 0 0.5rem rgba(0,0,0,0.75)}#players:before{z-index:-1;position:absolute;content:"";background:transparent url("../assets/ui/players-border.webp") no-repeat 0 0;background-size:100%;display:block;top:-12px;right:10%;left:10%;bottom:0}#logo{height:80px;margin-left:0.5rem;opacity:0.5}#logo:hover{opacity:0.75}#navigation{left:120px}#navigation #nav-toggle,#navigation #scene-list .scene.nav-item{cursor:default;color:rgba(255,255,255,0.65);background:linear-gradient(#285064, #0a141e, #285064);background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px}#navigation #nav-toggle:hover,#navigation #scene-list .scene.nav-item:hover{background:linear-gradient(#0a141e, #285064, #0a141e)}#navigation #scene-list .scene.nav-item.active{background:linear-gradient(#41140f, #230a05, #41140f)}#navigation #scene-list .scene.nav-item.active:hover{background:linear-gradient(#230a05, #41140f, #230a05)}#navigation #scene-list .scene.view,#navigation #scene-list .scene.context{cursor:default;color:#fff;background:linear-gradient(#41140f, #230a05, #41140f);background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px;box-shadow:0 0 20px red}#navigation #scene-list .scene.view:hover,#navigation #scene-list .scene.context:hover{background:linear-gradient(#230a05, #41140f, #230a05)}#controls{top:100px}#controls .scene-control.active,#controls .control-tool.active,#controls .scene-control:hover,#controls .control-tool:hover{background:linear-gradient(#41140f, #230a05, #41140f);background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px;box-shadow:0 0 10px rgba(255,0,0,0.75)}#controls .scene-control.active:hover,#controls .control-tool.active:hover,#controls .scene-control:hover:hover,#controls .control-tool:hover:hover{background:linear-gradient(#230a05, #41140f, #230a05)}#controls .scene-control,#controls .control-tool{background:linear-gradient(#285064, #0a141e, #285064);background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px}#controls .scene-control:hover,#controls .control-tool:hover{background:linear-gradient(#0a141e, #285064, #0a141e)}.chat-message{background-image:url("../assets/ui/chat-texture.webp")}.chat-message .message-header{line-height:2rem;border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:0.25rem}#chat-log .message.whisper{font-style:italic}#chat-log .message.whisper .message-header .message-metadata::before{color:rgba(88,88,88,0.25);content:" (Private Roll) ";float:left}#chat-log .message.blind .message-header .message-metadata::before{color:rgba(88,88,88,0.25);content:" (Blind Roll) " !important;float:left}#playlists .playlist .playlist-header h4{font:0.75rem "PatrickHand",sans-serif;text-transform:uppercase;text-align:right}#settings button{cursor:default;color:rgba(255,255,255,0.65);background:linear-gradient(#285064, #0a141e, #285064);background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px}#settings button:hover{background:linear-gradient(#0a141e, #285064, #0a141e)}#combat #combat-round .encounters h3{font-size:0.75rem}.dialog .dialog-buttons button{line-height:1rem}.l5r5e .chat-dice>img{border:1px solid transparent;background-repeat:no-repeat;background-position:center;background-size:100%;height:44px;width:44px;outline:none;margin:0;flex:0 0 20px;display:inline-block}.l5r5e .dice-picker-dialog .profil{float:left}.l5r5e .dice-picker-dialog .dices{float:right}.l5r5e.sheet{min-width:600px}.l5r5e.sheet .sheet-header h1{flex:auto;margin:0 0.5rem 0.25rem}.l5r5e.sheet .sheet-header h1 input{flex:0 0 100%;height:4rem;margin:0.5rem 0 0;width:100%;color:#963c41;background:transparent;border:0 none;border-radius:0;border-bottom:1px dotted rgba(0,0,0,0.5)}.l5r5e.sheet .sheet-header h1:before{content:"";position:absolute;background:url("../assets/imgs/brushL5r.webp") no-repeat 0 0;background-size:contain;height:225px;width:100%;z-index:-1;left:-0.25rem}.l5r5e.sheet .sheet-header img{flex:0 0 150px;height:150px;margin-right:0;-o-object-fit:contain;object-fit:contain;background:rgba(255,255,255,0.5);border:1px solid rgba(186,187,177,0.5);--notchSize: 0.5rem;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)));clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)))}.l5r5e.sheet .sheet-header .header-fields h2{font-family:"BrushtipTexe",sans-serif;float:right;width:50%;padding:0 0.25rem;margin:0;text-align:right;color:rgba(0,0,0,0.5);border-bottom:rgba(255,255,255,0.65);--notchSize: 0.5rem;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%));clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%))}.l5r5e.sheet .sheet-header .header-fields h2:before{content:"";position:absolute;height:1px;width:100%}.l5r5e.sheet .sheet-header .identity-wrapper{display:flex;flex-wrap:wrap;flex:0 0 calc(100% - 150px - 0.25rem)}.l5r5e.sheet .sheet-header .identity-wrapper .identity-content{flex:0 0 100%;display:flex;flex-wrap:wrap;margin:0.5rem}.l5r5e.sheet .sheet-header .identity-wrapper .identity-content li{flex:33%}.l5r5e.sheet .sheet-header .identity-wrapper .identity-content li:nth-child(1),.l5r5e.sheet .sheet-header .identity-wrapper .identity-content li:nth-child(2){flex:50%;margin:0 0 0.5rem}.l5r5e.sheet .sheet-header .rings{float:left;width:calc(50% - 0.25rem);padding:0.25rem}.l5r5e.sheet .sheet-header .social-content{flex:0 0 100%;display:flex;padding:0.25rem}.l5r5e.sheet .sheet-header .attributes-wrapper{float:right;width:calc(50% - 0.25rem);padding:0.5rem 0 0.5rem 1rem;display:flex;flex-wrap:wrap;flex-direction:column;background:rgba(186,187,177,0.5);--notchSize: 0.5rem;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%));clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%))}.l5r5e.sheet .sheet-header .attributes-wrapper .endurance-content label,.l5r5e.sheet .sheet-header .attributes-wrapper .composure-content label,.l5r5e.sheet .sheet-header .attributes-wrapper .void-content label{float:left;width:50%}.l5r5e.sheet .sheet-header .attributes-wrapper li{position:relative}.l5r5e.sheet .sheet-header .attributes-wrapper li p{display:none;z-index:2;position:absolute;bottom:-100%;background:rgba(0,0,0,0.5);color:#fff;padding:0.25rem;--notchSize: 0.5rem;-webkit-clip-path:polygon(0% 0, 0 0%, 100% 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)));clip-path:polygon(0% 0, 0 0%, 100% 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)))}.l5r5e.sheet .sheet-header .attributes-wrapper li:hover p{display:block}.l5r5e.sheet .sheet-header .identity-wrapper label,.l5r5e.sheet .sheet-header .social-content label,.l5r5e.sheet .sheet-header .attributes-wrapper label{display:flex;color:#5a6e5a;text-transform:uppercase;font-size:0.75rem;line-height:2rem}.l5r5e.sheet .sheet-header .identity-wrapper label input,.l5r5e.sheet .sheet-header .social-content label input,.l5r5e.sheet .sheet-header .attributes-wrapper label input{flex:1;margin:0 1rem 0 0.5rem}.l5r5e.sheet article{background:rgba(255,255,255,0.5);padding:0.5rem;flex-wrap:wrap}.l5r5e.sheet article.tab[data-tab].active{display:flex}.l5r5e.sheet article .skills-wrapper,.l5r5e.sheet article .feats-wrapper{flex:50%}.l5r5e.sheet article .skills-wrapper>li,.l5r5e.sheet article .feats-wrapper>li{display:flex;flex-wrap:wrap;font-size:0.75rem;margin:0 0 1rem;border:1px solid rgba(186,187,177,0.5);--notchSize: 0.75rem;-webkit-clip-path:polygon(0 var(--notchSize), var(--notchSize) 0, 100% 0, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), 100% 100%, 0 100%, 0 100%);clip-path:polygon(0 var(--notchSize), var(--notchSize) 0, 100% 0, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), 100% 100%, 0 100%, 0 100%)}.l5r5e.sheet article .skills-wrapper>li h4,.l5r5e.sheet article .feats-wrapper>li h4{flex:100%;margin:0;padding:0.5rem 0.5rem 0;text-align:center;background:rgba(186,187,177,0.5);color:#5a6e5a;--notchSize: 0.5rem;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%));clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%))}.l5r5e.sheet article .skills-wrapper>li ul,.l5r5e.sheet article .feats-wrapper>li ul{flex:50%;padding:0.25rem 0.5rem 0.25rem 0}.l5r5e.sheet article .skills-wrapper>li ul li,.l5r5e.sheet article .feats-wrapper>li ul li{text-align:left;line-height:1.5rem;margin:0.25rem 0}.l5r5e.sheet article .skills-wrapper>li ul li.skill,.l5r5e.sheet article .feats-wrapper>li ul li.skill{text-align:right}.l5r5e.sheet article .skills-wrapper>li ul li.skill strong,.l5r5e.sheet article .feats-wrapper>li ul li.skill strong{color:rgba(0,0,0,0.5)}.l5r5e.sheet article .skills-wrapper>li ul li.skill[data-skill="melee"] strong,.l5r5e.sheet article .skills-wrapper>li ul li.skill[data-skill="ranged"] strong,.l5r5e.sheet article .skills-wrapper>li ul li.skill[data-skill="unarmed"] strong,.l5r5e.sheet article .feats-wrapper>li ul li.skill[data-skill="melee"] strong,.l5r5e.sheet article .feats-wrapper>li ul li.skill[data-skill="ranged"] strong,.l5r5e.sheet article .feats-wrapper>li ul li.skill[data-skill="unarmed"] strong{float:left;line-height:0.75rem;width:calc(100% - 1.75rem)}.l5r5e.sheet article .skills-wrapper>li ul.skill-category-ring-actions,.l5r5e.sheet article .feats-wrapper>li ul.skill-category-ring-actions{padding:0.25rem 0 0.25rem 0.5rem;border-left:1px solid rgba(186,187,177,0.5)}.l5r5e.sheet article .skills-wrapper>li input,.l5r5e.sheet article .feats-wrapper>li input{width:1.5rem;height:1.5rem;text-align:center}.l5r5e.sheet article .skills-wrapper>li:last-child,.l5r5e.sheet article .feats-wrapper>li:last-child{margin:0}.l5r5e nav.sheet-tabs{font-family:"ManoNegra",sans-serif;border:0 none;margin-bottom:0;background:rgba(255,255,255,0.5);color:rgba(0,0,0,0.5);--notchSize: 0.5rem;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100%) 100%, var(--notchSize) 100%, 0% calc(100%));clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100%) 100%, var(--notchSize) 100%, 0% calc(100%))}.l5r5e nav .item:hover{background-color:#5a6e5a;color:rgba(255,255,255,0.65);text-shadow:none}.l5r5e nav .item.active{height:2.5rem;line-height:2rem;background-color:rgba(73,12,11,0.85);color:#fff;background-color:rgba(73,12,11,0.85);-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 0 100%, 0% 0%, 0% 100%);clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 0 100%, 0% 0%, 0% 100%)}.l5r5e nav .item.active:hover{background-color:rgba(73,12,11,0.85);cursor:default}.l5r5e .rings{display:flex;flex-wrap:wrap;color:rgba(255,255,255,0.65)}.l5r5e .rings #earth,.l5r5e .rings #air,.l5r5e .rings #water,.l5r5e .rings #fire,.l5r5e .rings #void{position:relative;flex:1 1 50%;text-align:center}.l5r5e .rings #earth i.i_earth,.l5r5e .rings #earth i.i_water,.l5r5e .rings #earth i.i_fire,.l5r5e .rings #earth i.i_air,.l5r5e .rings #earth i.i_void,.l5r5e .rings #air i.i_earth,.l5r5e .rings #air i.i_water,.l5r5e .rings #air i.i_fire,.l5r5e .rings #air i.i_air,.l5r5e .rings #air i.i_void,.l5r5e .rings #water i.i_earth,.l5r5e .rings #water i.i_water,.l5r5e .rings #water i.i_fire,.l5r5e .rings #water i.i_air,.l5r5e .rings #water i.i_void,.l5r5e .rings #fire i.i_earth,.l5r5e .rings #fire i.i_water,.l5r5e .rings #fire i.i_fire,.l5r5e .rings #fire i.i_air,.l5r5e .rings #fire i.i_void,.l5r5e .rings #void i.i_earth,.l5r5e .rings #void i.i_water,.l5r5e .rings #void i.i_fire,.l5r5e .rings #void i.i_air,.l5r5e .rings #void i.i_void{font-size:5rem;line-height:4.75rem}.l5r5e .rings #earth label,.l5r5e .rings #air label,.l5r5e .rings #water label,.l5r5e .rings #fire label,.l5r5e .rings #void label{position:relative;width:5rem;line-height:0;float:right}.l5r5e .rings #earth input,.l5r5e .rings #air input,.l5r5e .rings #water input,.l5r5e .rings #fire input,.l5r5e .rings #void input{position:absolute;height:2rem;width:2rem;border-radius:100%;top:0;left:0;border:2px solid rgba(186,187,177,0.5);color:rgba(255,255,255,0.65)}.l5r5e .rings #earth input:hover,.l5r5e .rings #air input:hover,.l5r5e .rings #water input:hover,.l5r5e .rings #fire input:hover,.l5r5e .rings #void input:hover{border:2px solid rgba(255,0,0,0.75);text-shadow:0 0 6px rgba(255,0,0,0.75);box-shadow:0 0 6px inset rgba(255,0,0,0.75)}.l5r5e .rings #earth{float:right;color:#699678}.l5r5e .rings #earth input{top:auto;right:0;bottom:-1rem;left:auto;background:#699678}.l5r5e .rings #earth label strong{position:absolute;bottom:0.75rem;left:-1.75rem}.l5r5e .rings #air{color:#917896}.l5r5e .rings #air input{top:auto;right:auto;bottom:-1rem;left:0;background:#917896}.l5r5e .rings #air label{float:left}.l5r5e .rings #air label strong{position:absolute;bottom:0.75rem;right:-1rem}.l5r5e .rings #water{float:right;color:#5f919b;padding-right:2rem}.l5r5e .rings #water input{top:17%;right:-1.25rem;bottom:auto;left:auto;background:#5f919b}.l5r5e .rings #water label strong{position:absolute;bottom:-0.75rem;right:2rem}.l5r5e .rings #fire{color:#9b7350;padding-left:2rem}.l5r5e .rings #fire input{top:17%;right:auto;bottom:auto;left:-1.25rem;background:#9b7350}.l5r5e .rings #fire label{float:left}.l5r5e .rings #fire label strong{position:absolute;bottom:-0.75rem;right:2rem}.l5r5e .rings #void{top:-2rem;margin:0 calc(50% - 2.5rem);color:#4b4641}.l5r5e .rings #void input{top:-1rem;right:auto;bottom:auto;left:30%;background:#4b4641}.l5r5e .rings #void label strong{position:absolute;bottom:-0.75rem;left:1.75rem}.l5r5e .testing{width:14.28571%}.l5r5e .testing{width:28.57143%}.l5r5e .testing{width:14.28571%}.l5r5e .testing{width:28.57143%} +body{background:url("../assets/imgs/background.webp") no-repeat center;background-size:cover}.window-app .window-content{z-index:1;position:relative;background:url("../assets/imgs/bgL5R.webp") no-repeat;background-size:cover;scrollbar-width:thin}.window-app .window-resizable-handle{z-index:2;background:rgba(0,0,0,0.75)}*{transition-property:background, color, border-color, text-shadow, box-shadow;transition-duration:0.5s;transition-timing-function:ease}input[type="text"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="time"]:focus{box-shadow:0 0 6px rgba(255,0,0,0.75)}.tabs .item.active{text-shadow:0 0 10px rgba(255,0,0,0.75)}#controls .scene-control.active,#controls .control-tool.active,#controls .scene-control:hover,#controls .control-tool:hover{box-shadow:0 0 10px rgba(255,0,0,0.75)}ul,li{list-style-type:none;margin:0;padding:0}fieldset{flex:1;display:flex}input[type="text"],input[type="number"],input[type="password"],input[type="date"],input[type="time"]{background:rgba(255,255,255,0.5);border:1px solid rgba(186,187,177,0.5);padding:0.25rem;color:#764f40}.editor{flex:1}.earth{color:#699678}.air{color:#917896}.water{color:#5f919b}.fire{color:#9b7350}.void{color:#4b4641}@font-face{font-family:"LogotypeL5r";src:url("../fonts/LogotypeL5r.ttf") format("truetype")}@font-face{font-family:"BrushtipTexe";src:url("../fonts/BrushtipTexe.ttf") format("truetype")}@font-face{font-family:"PatrickHand";src:url("../fonts/PatrickHand.ttf") format("truetype")}@font-face{font-family:"ManoNegra";src:url("../fonts/ManoNegra.ttf") format("truetype")}body{font:16px "PatrickHand",sans-serif;letter-spacing:0.05rem}h1,h4{font-family:"BrushtipTexe",sans-serif}h1{font-size:2rem}h4{font-size:1.25rem}i.strife,i.success,i.explosive,i.opportunity,i.d6,i.d12,i.i_earth,i.i_water,i.i_fire,i.i_air,i.i_void{font-family:LogotypeL5r;line-height:1rem;font-style:normal;font-weight:normal;vertical-align:middle}i.strife:before{content:"f"}i.success:before{content:"s"}i.explosive:before{content:"e"}i.opportunity:before{content:"o"}i.d6:before{content:"r"}i.d12:before{content:"k"}i.i_earth:before{content:"g"}i.i_water:before{content:"w"}i.i_fire:before{content:"i"}i.i_air:before{content:"a"}i.i_void:before{content:"v"}body,#navigation #scene-list .scene.view,#navigation #scene-list .scene.context,#navigation #nav-toggle,#navigation #scene-list .scene.nav-item,#controls .scene-control.active,#controls .control-tool.active,#controls .scene-control:hover,#controls .control-tool:hover,#client-settings .window-content form .form-group>label,#client-settings .window-content form .form-group select,#client-settings .form-group input,.app.window-app .form-group label,#sidebar .sidebar-tab #chat-controls div.roll-type-select select,#sidebar .sidebar-tab #chat-controls div.roll-type-select i.fas{cursor:url("../assets/cursors/normal.webp"),default !important}a,#hotbar .macro,#playlists-popout .global-volume::-webkit-slider-thumb,#sidebar #playlists .global-volume::-webkit-slider-thumb,#playlists-popout li.playlist:not(:first-of-type) li.sound .sound-volume::-webkit-slider-thumb,#sidebar #playlists li.playlist:not(:first-of-type) li.sound .sound-volume::-webkit-slider-thumb,#sidebar #settings button,.app.window-app.sheet.wfrp4e.actor.character-sheet .tab.main.active .main-row .movement.row-section .move-value .auto-calc-toggle,.app.window-app.sheet.wfrp4e.actor.npc-sheet .main-row .movement.row-section .move-value .auto-calc-toggle,.app.window-app.sheet.wfrp4e.actor.creature-sheet .main-row .movement.row-section .move-value .auto-calc-toggle,.app.window-app .form-group input[type="range"]::-webkit-slider-thumb,.token-sheet .tab[data-tab="image"] input[type="range"]::-webkit-slider-thumb,#drawing-config .tab[data-tab="image"] input[type="range"]::-webkit-slider-thumb,.metacurrency-value,.overcast-button,.chargen-button,#controls .scene-control,#controls .control-tool,#effects-config .flex2::-webkit-slider-thumb,#client-settings section.content .submenu>button,#client-settings .window-content button label,form .form-group .form-fields button,.sidebar-tab .action-buttons button,.dialog .dialog-buttons button,form button{cursor:url("../assets/cursors/pointer.webp"),pointer !important}.draggable{cursor:url("../assets/cursors/drag.webp"),move !important}.chat-dice>img{border:1px solid transparent;background-repeat:no-repeat;background-position:center;background-size:100%;height:44px;width:44px;outline:none;margin:0;flex:0 0 20px;display:inline-block}.dice-picker-dialog .profil{float:left}.dice-picker-dialog .dices{float:right}button{font-size:0.75rem}#sidebar{padding:0.5rem 0.25rem 0.5rem 0.5rem;background-position:top;background-size:100%;background:url(../assets/ui/bgSidebar.webp) no-repeat;border:1px solid #c3a582;border-radius:0;overflow:initial;height:calc(100% - 1rem);top:0.5rem;min-width:40px}#sidebar:before{z-index:-1;content:"";position:absolute;height:calc(100% + 0.6rem);width:100%;border:1px solid #c3a582;border-radius:0;top:-0.35rem;left:0.25rem}#sidebar #sidebar-tabs{flex:0 0 2rem;box-sizing:border-box;margin:0 0 0.25rem;border-bottom:1px solid rgba(195,165,130,0.5);box-shadow:none}#sidebar #sidebar-tabs>.item{line-height:1.6rem;border-radius:100%;margin:0;flex:0 0 1.6rem;height:1.6rem}#sidebar #sidebar-tabs>.item.active,#sidebar #sidebar-tabs>.item:hover{border:1px solid rgba(255,100,0,0.75);box-shadow:0 0 6px rgba(255,100,0,0.75)}#sidebar #sidebar-tabs .collapse{position:relative;flex:0 0 1.5rem;line-height:1.5rem;color:#c3a582;text-align:center}#sidebar .sidebar-tab .action-buttons button{cursor:default;color:rgba(255,255,255,0.65);background:linear-gradient(#286432, #0a3c0f, #286432);background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px}#sidebar .sidebar-tab .action-buttons button:hover{background:linear-gradient(#0a3c0f, #286432, #0a3c0f)}#sidebar .message-sender{color:#963c41}#hotbar{margin:0}#hotbar #action-bar{flex:0 0 100%}#hotbar #action-bar .macro{-o-border-image:url("../assets/ui/macro-button.webp");border-image:url("../assets/ui/macro-button.webp");border-image-slice:8 fill;border-image-width:0.25rem;border-image-outset:0;border-radius:0}#hotbar #action-bar .macro .macro-key{background:rgba(0,0,0,0.5)}#hotbar #action-bar #macro-list{background:rgba(0,0,0,0.75);margin:0;padding:0.05rem;border-radius:0;background-position:center;background-size:100%;background:url(../assets/ui/bgSidebar.webp) no-repeat;background-origin:padding-box;border:0 none;box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,0.75)}#hotbar .bar-controls{background-position:center;background-size:100%;background:url(../assets/ui/bgSidebar.webp) no-repeat;background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 15 repeat;border-image:url("../assets/ui/macro-button.webp") 15 repeat;border-image-width:0.5rem;border-image-outset:0px;box-shadow:0 0 0.25rem rgba(0,0,0,0.75);border-radius:0;margin:0 0.5rem}#hotbar .bar-controls a.page-control,#hotbar .bar-controls span.page-number{font-size:1rem;line-height:0.95rem}#players{border-radius:0;background-position:center;background-size:100%;background:url(../assets/ui/bgSidebar.webp) no-repeat;background-origin:padding-box;border:1px solid #c3a582;background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 15 repeat;border-image:url("../assets/ui/macro-button.webp") 15 repeat;border-image-width:0.5rem;border-image-outset:0px;margin:0;padding:0;left:1.15rem;bottom:0.65rem;box-shadow:inset 0 0 0.5rem rgba(0,0,0,0.75)}#players:before{z-index:-1;position:absolute;content:"";background:transparent url("../assets/ui/players-border.webp") no-repeat 0 0;background-size:100%;display:block;top:-12px;right:10%;left:10%;bottom:0}#logo{height:80px;margin-left:0.5rem;opacity:0.5}#logo:hover{opacity:0.75}#navigation{left:120px}#navigation #nav-toggle,#navigation #scene-list .scene.nav-item{cursor:default;color:rgba(255,255,255,0.65);background:linear-gradient(#285064, #0a141e, #285064);background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px}#navigation #nav-toggle:hover,#navigation #scene-list .scene.nav-item:hover{background:linear-gradient(#0a141e, #285064, #0a141e)}#navigation #scene-list .scene.nav-item.active{background:linear-gradient(#41140f, #230a05, #41140f)}#navigation #scene-list .scene.nav-item.active:hover{background:linear-gradient(#230a05, #41140f, #230a05)}#navigation #scene-list .scene.view,#navigation #scene-list .scene.context{cursor:default;color:#fff;background:linear-gradient(#41140f, #230a05, #41140f);background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px;box-shadow:0 0 20px red}#navigation #scene-list .scene.view:hover,#navigation #scene-list .scene.context:hover{background:linear-gradient(#230a05, #41140f, #230a05)}#controls{top:100px}#controls .scene-control.active,#controls .control-tool.active,#controls .scene-control:hover,#controls .control-tool:hover{background:linear-gradient(#41140f, #230a05, #41140f);background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px;box-shadow:0 0 10px rgba(255,0,0,0.75)}#controls .scene-control.active:hover,#controls .control-tool.active:hover,#controls .scene-control:hover:hover,#controls .control-tool:hover:hover{background:linear-gradient(#230a05, #41140f, #230a05)}#controls .scene-control,#controls .control-tool{background:linear-gradient(#285064, #0a141e, #285064);background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px}#controls .scene-control:hover,#controls .control-tool:hover{background:linear-gradient(#0a141e, #285064, #0a141e)}.chat-message{background-image:url("../assets/ui/chat-texture.webp")}.chat-message .message-header{line-height:2rem;border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:0.25rem}#chat-log .message.whisper{font-style:italic}#chat-log .message.whisper .message-header .message-metadata::before{color:rgba(88,88,88,0.25);content:" (Private Roll) ";float:left}#chat-log .message.blind .message-header .message-metadata::before{color:rgba(88,88,88,0.25);content:" (Blind Roll) " !important;float:left}#playlists .playlist .playlist-header h4{font:0.75rem "PatrickHand",sans-serif;text-transform:uppercase;text-align:right}#settings button{cursor:default;color:rgba(255,255,255,0.65);background:linear-gradient(#285064, #0a141e, #285064);background-origin:padding-box;-o-border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image:url("../assets/ui/macro-button.webp") 10 repeat;border-image-width:0.25rem;border-image-outset:0px}#settings button:hover{background:linear-gradient(#0a141e, #285064, #0a141e)}#combat #combat-round .encounters h3{font-size:0.75rem}.dialog .dialog-buttons button{line-height:1rem}.l5r5e .chat-dice>img{border:1px solid transparent;background-repeat:no-repeat;background-position:center;background-size:100%;height:44px;width:44px;outline:none;margin:0;flex:0 0 20px;display:inline-block}.l5r5e .dice-picker-dialog .profil{float:left}.l5r5e .dice-picker-dialog .dices{float:right}.l5r5e.sheet{min-width:600px}.l5r5e.sheet form{display:flex;flex-wrap:wrap}.l5r5e.sheet .sheet-header,.l5r5e.sheet .sheet-body{flex:100%}.l5r5e.sheet .sheet-header h1{flex:auto;margin:0 0.5rem 0.25rem}.l5r5e.sheet .sheet-header h1 input{flex:0 0 100%;height:4rem;margin:0.5rem 0 0;width:100%;color:#963c41;background:transparent;border:0 none;border-radius:0;border-bottom:1px dotted rgba(0,0,0,0.5)}.l5r5e.sheet .sheet-header h1:before{content:"";position:absolute;background:url("../assets/imgs/brushL5r.webp") no-repeat 0 0;background-size:contain;height:225px;width:100%;z-index:-1;left:-0.25rem}.l5r5e.sheet .sheet-header img{flex:0 0 150px;height:150px;margin-right:0;-o-object-fit:contain;object-fit:contain;background:rgba(255,255,255,0.5);border:1px solid rgba(186,187,177,0.5);--notchSize: 0.5rem;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)));clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)))}.l5r5e.sheet .sheet-header .header-fields h2{font-family:"BrushtipTexe",sans-serif;float:right;width:50%;padding:0 0.25rem;margin:0;text-align:right;color:rgba(0,0,0,0.5);border-bottom:rgba(255,255,255,0.65);--notchSize: 0.5rem;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%));clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%))}.l5r5e.sheet .sheet-header .header-fields h2:before{content:"";position:absolute;height:1px;width:100%}.l5r5e.sheet .sheet-header .identity-wrapper{display:flex;flex-wrap:wrap;flex:0 0 calc(100% - 150px - 0.25rem)}.l5r5e.sheet .sheet-header .identity-wrapper .identity-content{flex:0 0 100%;display:flex;flex-wrap:wrap;margin:0.5rem}.l5r5e.sheet .sheet-header .identity-wrapper .identity-content li{flex:33%}.l5r5e.sheet .sheet-header .identity-wrapper .identity-content li:nth-child(1),.l5r5e.sheet .sheet-header .identity-wrapper .identity-content li:nth-child(2){flex:50%;margin:0 0 0.5rem}.l5r5e.sheet .sheet-header .rings{float:left;width:calc(50% - 0.25rem);padding:0.25rem}.l5r5e.sheet .sheet-header .social-content{flex:0 0 100%;display:flex;padding:0.25rem}.l5r5e.sheet .sheet-header .attributes-wrapper{float:right;width:calc(50% - 0.25rem);padding:0.5rem 0 0.5rem 1rem;display:flex;flex-wrap:wrap;flex-direction:column;background:rgba(186,187,177,0.5);--notchSize: 0.5rem;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%));clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%))}.l5r5e.sheet .sheet-header .attributes-wrapper .endurance-content label,.l5r5e.sheet .sheet-header .attributes-wrapper .composure-content label,.l5r5e.sheet .sheet-header .attributes-wrapper .void-content label{float:left;width:50%}.l5r5e.sheet .sheet-header .attributes-wrapper li{position:relative}.l5r5e.sheet .sheet-header .attributes-wrapper li p{display:none;z-index:2;position:absolute;bottom:-100%;background:rgba(0,0,0,0.5);color:#fff;padding:0.25rem;--notchSize: 0.5rem;-webkit-clip-path:polygon(0% 0, 0 0%, 100% 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)));clip-path:polygon(0% 0, 0 0%, 100% 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)))}.l5r5e.sheet .sheet-header .attributes-wrapper li:hover p{display:block}.l5r5e.sheet .sheet-header .identity-wrapper label,.l5r5e.sheet .sheet-header .social-content label,.l5r5e.sheet .sheet-header .attributes-wrapper label{display:flex;color:#5a6e5a;text-transform:uppercase;font-size:0.75rem;line-height:2rem}.l5r5e.sheet .sheet-header .identity-wrapper label input,.l5r5e.sheet .sheet-header .social-content label input,.l5r5e.sheet .sheet-header .attributes-wrapper label input{flex:1;margin:0 1rem 0 0.5rem}.l5r5e.sheet article{background:rgba(255,255,255,0.5);padding:0.5rem;flex-wrap:wrap;min-height:calc(100% - 2.25rem)}.l5r5e.sheet article.tab[data-tab].active{display:flex}.l5r5e.sheet article .skills-wrapper,.l5r5e.sheet article .feats-wrapper{flex:50%}.l5r5e.sheet article .skills-wrapper>li,.l5r5e.sheet article .feats-wrapper>li{display:flex;flex-wrap:wrap;font-size:0.75rem;margin:0 0 1rem;border:1px solid rgba(186,187,177,0.5);--notchSize: 0.75rem;-webkit-clip-path:polygon(0 var(--notchSize), var(--notchSize) 0, 100% 0, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), 100% 100%, 0 100%, 0 100%);clip-path:polygon(0 var(--notchSize), var(--notchSize) 0, 100% 0, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), 100% 100%, 0 100%, 0 100%)}.l5r5e.sheet article .skills-wrapper>li h4,.l5r5e.sheet article .feats-wrapper>li h4{flex:100%;margin:0;padding:0.5rem 0.5rem 0;text-align:center;background:rgba(186,187,177,0.5);color:#5a6e5a;--notchSize: 0.5rem;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%));clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%))}.l5r5e.sheet article .skills-wrapper>li ul,.l5r5e.sheet article .feats-wrapper>li ul{flex:50%;padding:0.25rem 0.5rem 0.25rem 0}.l5r5e.sheet article .skills-wrapper>li ul li,.l5r5e.sheet article .feats-wrapper>li ul li{text-align:left;line-height:1.5rem;margin:0.25rem 0}.l5r5e.sheet article .skills-wrapper>li ul li.skill,.l5r5e.sheet article .feats-wrapper>li ul li.skill{text-align:right}.l5r5e.sheet article .skills-wrapper>li ul li.skill strong,.l5r5e.sheet article .feats-wrapper>li ul li.skill strong{color:rgba(0,0,0,0.5)}.l5r5e.sheet article .skills-wrapper>li ul li.skill[data-skill="melee"] strong,.l5r5e.sheet article .skills-wrapper>li ul li.skill[data-skill="ranged"] strong,.l5r5e.sheet article .skills-wrapper>li ul li.skill[data-skill="unarmed"] strong,.l5r5e.sheet article .feats-wrapper>li ul li.skill[data-skill="melee"] strong,.l5r5e.sheet article .feats-wrapper>li ul li.skill[data-skill="ranged"] strong,.l5r5e.sheet article .feats-wrapper>li ul li.skill[data-skill="unarmed"] strong{float:left;line-height:0.75rem;width:calc(100% - 1.75rem)}.l5r5e.sheet article .skills-wrapper>li ul.skill-category-ring-actions,.l5r5e.sheet article .feats-wrapper>li ul.skill-category-ring-actions{padding:0.25rem 0 0.25rem 0.5rem;border-left:1px solid rgba(186,187,177,0.5)}.l5r5e.sheet article .skills-wrapper>li input,.l5r5e.sheet article .feats-wrapper>li input{width:1.5rem;height:1.5rem;text-align:center}.l5r5e.sheet article .skills-wrapper>li:last-child,.l5r5e.sheet article .feats-wrapper>li:last-child{margin:0}.l5r5e nav.sheet-tabs{font-family:"ManoNegra",sans-serif;border:0 none;margin-bottom:0;background:rgba(255,255,255,0.5);color:rgba(0,0,0,0.5);--notchSize: 0.5rem;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100%) 100%, var(--notchSize) 100%, 0% calc(100%));clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100%) 100%, var(--notchSize) 100%, 0% calc(100%))}.l5r5e nav .item:hover{background-color:#5a6e5a;color:rgba(255,255,255,0.65);text-shadow:none;-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 0 100%, 0% 0%, 0% 100%);clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 0 100%, 0% 0%, 0% 100%)}.l5r5e nav .item.active{height:2.5rem;line-height:2rem;background-color:rgba(73,12,11,0.85);color:#fff;background-color:rgba(73,12,11,0.85);-webkit-clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 0 100%, 0% 0%, 0% 100%);clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 0 100%, 0% 0%, 0% 100%)}.l5r5e nav .item.active:hover{background-color:rgba(73,12,11,0.85);cursor:default}.l5r5e .rings{display:flex;flex-wrap:wrap;color:rgba(255,255,255,0.65)}.l5r5e .rings #earth,.l5r5e .rings #air,.l5r5e .rings #water,.l5r5e .rings #fire,.l5r5e .rings #void{position:relative;flex:1 1 50%;text-align:center}.l5r5e .rings #earth i.i_earth,.l5r5e .rings #earth i.i_water,.l5r5e .rings #earth i.i_fire,.l5r5e .rings #earth i.i_air,.l5r5e .rings #earth i.i_void,.l5r5e .rings #air i.i_earth,.l5r5e .rings #air i.i_water,.l5r5e .rings #air i.i_fire,.l5r5e .rings #air i.i_air,.l5r5e .rings #air i.i_void,.l5r5e .rings #water i.i_earth,.l5r5e .rings #water i.i_water,.l5r5e .rings #water i.i_fire,.l5r5e .rings #water i.i_air,.l5r5e .rings #water i.i_void,.l5r5e .rings #fire i.i_earth,.l5r5e .rings #fire i.i_water,.l5r5e .rings #fire i.i_fire,.l5r5e .rings #fire i.i_air,.l5r5e .rings #fire i.i_void,.l5r5e .rings #void i.i_earth,.l5r5e .rings #void i.i_water,.l5r5e .rings #void i.i_fire,.l5r5e .rings #void i.i_air,.l5r5e .rings #void i.i_void{font-size:5rem;line-height:4.75rem}.l5r5e .rings #earth label,.l5r5e .rings #air label,.l5r5e .rings #water label,.l5r5e .rings #fire label,.l5r5e .rings #void label{position:relative;width:5rem;line-height:0;float:right}.l5r5e .rings #earth input,.l5r5e .rings #air input,.l5r5e .rings #water input,.l5r5e .rings #fire input,.l5r5e .rings #void input{position:absolute;height:2rem;width:2rem;border-radius:100%;top:0;left:0;border:2px solid rgba(186,187,177,0.5);color:rgba(255,255,255,0.65)}.l5r5e .rings #earth input:hover,.l5r5e .rings #air input:hover,.l5r5e .rings #water input:hover,.l5r5e .rings #fire input:hover,.l5r5e .rings #void input:hover{border:2px solid rgba(255,0,0,0.75);text-shadow:0 0 6px rgba(255,0,0,0.75);box-shadow:0 0 6px inset rgba(255,0,0,0.75)}.l5r5e .rings #earth{float:right;color:#699678}.l5r5e .rings #earth input{top:auto;right:0;bottom:-1rem;left:auto;background:#699678}.l5r5e .rings #earth label strong{position:absolute;bottom:0.75rem;left:-1.75rem}.l5r5e .rings #air{color:#917896}.l5r5e .rings #air input{top:auto;right:auto;bottom:-1rem;left:0;background:#917896}.l5r5e .rings #air label{float:left}.l5r5e .rings #air label strong{position:absolute;bottom:0.75rem;right:-1rem}.l5r5e .rings #water{float:right;color:#5f919b;padding-right:2rem}.l5r5e .rings #water input{top:17%;right:-1.25rem;bottom:auto;left:auto;background:#5f919b}.l5r5e .rings #water label strong{position:absolute;bottom:-0.75rem;right:2rem}.l5r5e .rings #fire{color:#9b7350;padding-left:2rem}.l5r5e .rings #fire input{top:17%;right:auto;bottom:auto;left:-1.25rem;background:#9b7350}.l5r5e .rings #fire label{float:left}.l5r5e .rings #fire label strong{position:absolute;bottom:-0.75rem;right:2rem}.l5r5e .rings #void{top:-2rem;margin:0 calc(50% - 2.5rem);color:#4b4641}.l5r5e .rings #void input{top:-1rem;right:auto;bottom:auto;left:30%;background:#4b4641}.l5r5e .rings #void label strong{position:absolute;bottom:-0.75rem;left:1.75rem}.l5r5e .testing{width:14.28571%}.l5r5e .testing{width:28.57143%}.l5r5e .testing{width:14.28571%}.l5r5e .testing{width:28.57143%} diff --git a/system/styles/scss/global.scss b/system/styles/scss/global.scss index 53643c0..53ed4fe 100644 --- a/system/styles/scss/global.scss +++ b/system/styles/scss/global.scss @@ -12,6 +12,7 @@ body { position: relative; background: url("../assets/imgs/bgL5R.webp") no-repeat; background-size: cover; + scrollbar-width: thin; } .window-resizable-handle { z-index: 2; @@ -50,6 +51,12 @@ li { padding: 0; } +// Fieldset +fieldset { + flex: 1; + display: flex; +} + // inputs input[type="text"], input[type="number"], @@ -62,9 +69,24 @@ input[type="time"] { color: $l5r5e-bold; } +// Editors +.editor { + flex: 1; +} + // Elements Colors -.earth {color: $l5r5e-earth;} -.air {color: $l5r5e-air;} -.water {color: $l5r5e-water;} -.fire {color: $l5r5e-fire;} -.void {color: $l5r5e-void;} \ No newline at end of file +.earth { + color: $l5r5e-earth; +} +.air { + color: $l5r5e-air; +} +.water { + color: $l5r5e-water; +} +.fire { + color: $l5r5e-fire; +} +.void { + color: $l5r5e-void; +} diff --git a/system/styles/scss/nav.scss b/system/styles/scss/nav.scss index 9459f6e..850a3c9 100644 --- a/system/styles/scss/nav.scss +++ b/system/styles/scss/nav.scss @@ -1,52 +1,60 @@ // -- Nav - nav { &.sheet-tabs { - font-family: $font-tertiary; - border: 0 none; - margin-bottom: 0; - background: $l5r5e-white; - color: $l5r5e-black; - --notchSize: 0.5rem; - clip-path: polygon( - 0% var(--notchSize), - var(--notchSize) 0%, - calc(100% - var(--notchSize)) 0%, - 100% var(--notchSize), - 100% calc(100% - var(--notchSize)), - calc(100%) 100%, - var(--notchSize) 100%, - 0% calc(100%) - ); + font-family: $font-tertiary; + border: 0 none; + margin-bottom: 0; + background: $l5r5e-white; + color: $l5r5e-black; + --notchSize: 0.5rem; + clip-path: polygon( + 0% var(--notchSize), + var(--notchSize) 0%, + calc(100% - var(--notchSize)) 0%, + 100% var(--notchSize), + 100% calc(100% - var(--notchSize)), + calc(100%) 100%, + var(--notchSize) 100%, + 0% calc(100%) + ); } .item { - - &:hover { - background-color: $l5r5e-label; - color: $white; - text-shadow: none; - } + &:hover { + background-color: $l5r5e-label; + color: $white; + text-shadow: none; + clip-path: polygon( + 0% var(--notchSize), + var(--notchSize) 0%, + calc(100% - var(--notchSize)) 0%, + 100% var(--notchSize), + 100% 100%, + 0 100%, + 0% 0%, + 0% 100% + ); + } } .item.active { - height: 2.5rem; - line-height: 2rem; - background-color: rgba(73, 12, 11, 0.85); - color: rgba(255, 255, 255, 1); - background-color: rgba(73, 12, 11, 0.85); - clip-path: polygon( - 0% var(--notchSize), - var(--notchSize) 0%, - calc(100% - var(--notchSize)) 0%, - 100% var(--notchSize), - 100% 100%, - 0 100%, - 0% 0%, - 0% 100% - ); + height: 2.5rem; + line-height: 2rem; + background-color: rgba(73, 12, 11, 0.85); + color: rgba(255, 255, 255, 1); + background-color: rgba(73, 12, 11, 0.85); + clip-path: polygon( + 0% var(--notchSize), + var(--notchSize) 0%, + calc(100% - var(--notchSize)) 0%, + 100% var(--notchSize), + 100% 100%, + 0 100%, + 0% 0%, + 0% 100% + ); - &:hover { - background-color: rgba(73, 12, 11, 0.85); - cursor: default; - } + &:hover { + background-color: rgba(73, 12, 11, 0.85); + cursor: default; + } } } diff --git a/system/styles/scss/sheets.scss b/system/styles/scss/sheets.scss index 05c7d9f..52d7047 100644 --- a/system/styles/scss/sheets.scss +++ b/system/styles/scss/sheets.scss @@ -1,6 +1,14 @@ /** Sheets **/ &.sheet { min-width: 600px; + form { + display: flex; + flex-wrap: wrap; + } + .sheet-header, + .sheet-body { + flex: 100%; + } .sheet-header { h1 { flex: auto; @@ -138,11 +146,20 @@ z-index: 2; position: absolute; bottom: -100%; - background: rgba(0,0,0,0.5); + background: rgba(0, 0, 0, 0.5); color: #fff; padding: 0.25rem; --notchSize: 0.5rem; - clip-path: polygon(0% 0, 0 0%, 100% 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize))); + clip-path: polygon( + 0% 0, + 0 0%, + 100% 0%, + 100% var(--notchSize), + 100% calc(100% - var(--notchSize)), + calc(100% - var(--notchSize)) 100%, + var(--notchSize) 100%, + 0% calc(100% - var(--notchSize)) + ); } &:hover { p { @@ -169,10 +186,14 @@ background: $l5r5e-white; padding: 0.5rem; flex-wrap: wrap; - &.tab[data-tab]{ - &.active {display: flex;} + min-height: calc(100% - 2.25rem); + &.tab[data-tab] { + &.active { + display: flex; + } } - .skills-wrapper, .feats-wrapper { + .skills-wrapper, + .feats-wrapper { flex: 50%; > li { display: flex; @@ -181,7 +202,16 @@ margin: 0 0 1rem; border: 1px solid $l5r5e-title; --notchSize: 0.75rem; - clip-path: polygon(0 var(--notchSize), var(--notchSize) 0, 100% 0, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), 100% 100%, 0 100%, 0 100%); + clip-path: polygon( + 0 var(--notchSize), + var(--notchSize) 0, + 100% 0, + 100% var(--notchSize), + 100% calc(100% - var(--notchSize)), + 100% 100%, + 0 100%, + 0 100% + ); h4 { flex: 100%; margin: 0; @@ -190,7 +220,16 @@ background: $l5r5e-title; color: $l5r5e-label; --notchSize: 0.5rem; - clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100%) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100%)); + clip-path: polygon( + 0% var(--notchSize), + var(--notchSize) 0%, + calc(100%) 0%, + 100% var(--notchSize), + 100% calc(100% - var(--notchSize)), + calc(100% - var(--notchSize)) 100%, + var(--notchSize) 100%, + 0% calc(100%) + ); } ul { flex: 50%; @@ -204,7 +243,9 @@ strong { color: $l5r5e-black; } - &[data-skill="melee"], &[data-skill="ranged"], &[data-skill="unarmed"] { + &[data-skill="melee"], + &[data-skill="ranged"], + &[data-skill="unarmed"] { strong { float: left; line-height: 0.75rem; diff --git a/system/templates/item/feat-sheet.html b/system/templates/item/feat-sheet.html index bb9354e..eca55d8 100644 --- a/system/templates/item/feat-sheet.html +++ b/system/templates/item/feat-sheet.html @@ -6,22 +6,22 @@ - {{!-- Sheet Tab Navigation --}} - - {{!-- Sheet Body --}}
+ {{!-- Sheet Tab Navigation --}} + + {{!-- Description Tab --}} -
+
{{editor content=data.description target="data.description" button=true owner=owner editable=editable}} -
+ {{!-- Attributes Tab --}} -
+
@@ -32,6 +32,6 @@
-
+
diff --git a/system/templates/item/item-sheet.html b/system/templates/item/item-sheet.html index c8acc8e..9713120 100644 --- a/system/templates/item/item-sheet.html +++ b/system/templates/item/item-sheet.html @@ -14,22 +14,22 @@ - {{!-- Sheet Tab Navigation --}} - - {{!-- Sheet Body --}}
+ {{!-- Sheet Tab Navigation --}} + + {{!-- Description Tab --}} -
+
{{editor content=data.description target="data.description" button=true owner=owner editable=editable}} -
+ {{!-- Attributes Tab --}} -
+
Attribute Key Value @@ -59,6 +59,6 @@ {{/each}} -
+
diff --git a/system/templates/item/weapon-sheet.html b/system/templates/item/weapon-sheet.html index d1b262d..750169d 100644 --- a/system/templates/item/weapon-sheet.html +++ b/system/templates/item/weapon-sheet.html @@ -14,16 +14,16 @@ - {{!-- Sheet Tab Navigation --}} - - {{!-- Sheet Body --}}
+ {{!-- Sheet Tab Navigation --}} + + {{!-- Description Tab --}} -
+
@@ -36,6 +36,6 @@

{{ localize 'l5r5e.properties' }}

{{editor content=data.properties target="data.properties" button=true owner=owner editable=editable}} -
+
diff --git a/system/templates/sheets/actor-sheet.html b/system/templates/sheets/actor-sheet.html index c7bfdb3..107ace6 100644 --- a/system/templates/sheets/actor-sheet.html +++ b/system/templates/sheets/actor-sheet.html @@ -13,18 +13,17 @@ {{> 'systems/l5r5e/templates/sheets/actor/attributes.html' }} - - {{!-- Sheet Tab Navigation --}} - - {{!-- Sheet Body --}}
+ {{!-- Sheet Tab Navigation --}} + + {{!-- Skills Tab --}}
-

{{ localize 'l5r5e.notes' }}

-{{ editor content=data.notes.value target="data.notes.value" button=true editable=editable }} \ No newline at end of file +
+ {{ localize 'l5r5e.notes' }} + {{ editor content=data.notes.value target="data.notes.value" button=true editable=editable }} +
\ No newline at end of file