" + game.i18n.localize("l5r5e.logo.content") + "
", buttons: { diff --git a/system/styles/l5r5e.css b/system/styles/l5r5e.css index 5ca9a91..ab77d7a 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}body>*{scrollbar-width:thin}.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)}button:hover{box-shadow:0 0 10px rgba(255,0,0,0.75)}button:focus{box-shadow:0 0 10px rgba(255,0,0,0.75)}ul,li{list-style-type:none;margin:0;padding:0}.item-list>li{padding:0.25rem;border:1px solid rgba(0,0,0,0.05);border-bottom:0 none}.item-list>li:nth-child(odd){background:rgba(186,187,177,0.2)}.item-list>li:nth-child(even){background:rgba(186,187,177,0.1)}.item-list>li:last-child{border-bottom:1px solid rgba(0,0,0,0.05)}fieldset{flex:1;display:flex;margin:0 0.25rem;padding:0.25rem 0.5rem;border:1px solid rgba(186,187,177,0.5)}fieldset legend{color:#5a6e5a}fieldset .editor{height:calc(100% - 1.5rem)}input[type="text"],input[type="number"],input[type="password"],input[type="date"],input[type="time"]{text-align:center;padding:0.25rem;background:rgba(255,255,255,0.5);border:1px solid rgba(186,187,177,0.5);color:#764f40}input[type="text"][disabled],input[type="number"][disabled],input[type="password"][disabled],input[type="date"][disabled],input[type="time"][disabled]{background:rgba(255,255,255,0.25)}.editor{flex:1;height:100%}.earth{color:#699678}.air{color:#917896}.water{color:#5f919b}.fire{color:#9b7350}.void{color:#4b4641}table{text-align:center;background:transparent;border:1px solid rgba(186,187,177,0.5)}table thead{background:rgba(186,187,177,0.5);color:#5a6e5a;text-shadow:none;border-bottom:rgba(186,187,177,0.5)}table tr:nth-child(odd){background:rgba(186,187,177,0.2)}table tr:nth-child(even){background:rgba(186,187,177,0.1)}@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")}@font-face{font-family:"ArchitectsDaughter";src:url("../fonts/ArchitectsDaughter.ttf") format("truetype")}body{font:16px "PatrickHand",sans-serif;letter-spacing:0.05rem}h1,h4{font-family:"BrushtipTexe",sans-serif}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.25rem}p{font-family:"ArchitectsDaughter",sans-serif}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}.dice-roll .dice-formula,.dice-roll .dice-total{background:rgba(255,255,255,0.1);border:rgba(255,255,255,0.75)}.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}.chat-profil{text-align:center;vertical-align:middle}.chat-profil-stance{font-size:40px;position:relative;top:8px;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}.chat-profil-element{flex-wrap:wrap;flex-grow:1}.chat-profil-element-skill{flex-grow:3}.dice-picker-dialog *{transition:none}.dice-picker-dialog input[type="text"]:focus,.dice-picker-dialog input[type="text"]:hover{box-shadow:none !important;border:none !important;text-shadow:none !important}.dice-picker-dialog img{border:0}.dice-picker-dialog table{text-align:center;background:none;border:none}.dice-picker-dialog table td:first-child{width:200px}.dice-picker-dialog table td{width:240px}.dice-picker-dialog table td:last-child{width:200px}.dice-picker-dialog .pointer-choice{cursor:url("../l5r-ui/ui/cursors/pointer.webp"),pointer}.dice-picker-dialog .ring-selection.ring-selected i{text-shadow:0px 2px 2px rgba(255,0,0,0.75)}.dice-picker-dialog .ring-selection.ring-selected strong{color:rgba(255,0,0,0.75);text-decoration:underline}.dice-picker-dialog .ring-selection.ring-selected input{border:2px solid rgba(255,0,0,0.75) !important}.dice-picker-dialog .quantity{font-size:xx-large}.dice-picker-dialog .third{display:inline-block;text-align:center;vertical-align:middle}.dice-picker-dialog .dice-container{position:relative;text-align:center}.dice-picker-dialog .dice-container>img{height:40px;width:40px}.dice-picker-dialog .dice-value{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.dice-picker-dialog .input-dice{width:20px;color:#0f0f0e;background:none;border:none;font-size:large}.dice-picker-dialog .input-dice-ring{color:#f0f0e0}.dice-picker-dialog .input-dice-skill{color:#0f0f0e}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;display:flex}#sidebar #sidebar-tabs i{flex:1;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:100%;border-radius:100%}#sidebar #sidebar-tabs i.fa-comments{background-image:url("../assets/ui/sidebar/chat.svg")}#sidebar #sidebar-tabs i.fa-comments:before{content:""}#sidebar #sidebar-tabs i.fa-fist-raised{background-image:url("../assets/ui/sidebar/combat-tracker.svg");background-size:85%}#sidebar #sidebar-tabs i.fa-fist-raised:before{content:""}#sidebar #sidebar-tabs i.fa-map{background-image:url("../assets/ui/sidebar/scenes.svg");background-size:80%}#sidebar #sidebar-tabs i.fa-map:before{content:""}#sidebar #sidebar-tabs i.fa-users{background-image:url("../assets/ui/sidebar/actors.svg");background-size:90%}#sidebar #sidebar-tabs i.fa-users:before{content:""}#sidebar #sidebar-tabs i.fa-suitcase{background-image:url("../assets/ui/sidebar/object.svg")}#sidebar #sidebar-tabs i.fa-suitcase:before{content:""}#sidebar #sidebar-tabs i.fa-book-open{background-image:url("../assets/ui/sidebar/journal.svg")}#sidebar #sidebar-tabs i.fa-book-open:before{content:""}#sidebar #sidebar-tabs i.fa-th-list{background-image:url("../assets/ui/sidebar/rolltable.svg");background-size:85%}#sidebar #sidebar-tabs i.fa-th-list:before{content:""}#sidebar #sidebar-tabs i.fa-music{background-image:url("../assets/ui/sidebar/playlist.svg");background-size:80%}#sidebar #sidebar-tabs i.fa-music:before{content:""}#sidebar #sidebar-tabs i.fa-atlas{background-image:url("../assets/ui/sidebar/compendium.svg")}#sidebar #sidebar-tabs i.fa-atlas:before{content:""}#sidebar #sidebar-tabs i.fa-cogs{background-image:url("../assets/ui/sidebar/settings.svg");background-size:85%}#sidebar #sidebar-tabs i.fa-cogs:before{content:""}#sidebar #sidebar-tabs>.item{flex:0 0 1.5rem;height:1.5rem;line-height:1.5rem;margin:0.1rem;border-radius:100%;background:rgba(255,255,255,0.5)}#sidebar #sidebar-tabs>.item.active,#sidebar #sidebar-tabs>.item:hover{background:#fff;border:1px solid #c3a582;box-shadow:0 0 10px rgba(255,255,255,0.5)}#sidebar #sidebar-tabs .collapse{position:relative;flex:0 0 0.85rem;line-height:1.75rem;color:#c3a582;text-align:center}#sidebar #sidebar-tabs .collapse i{background-color:transparent}#sidebar.collapsed #sidebar-tabs>.item.active{border:1px solid #c3a582;box-shadow:0 0 10px rgba(255,255,255,0.5);border-radius:100%}#sidebar.collapsed #sidebar-tabs .collapse{flex:0 0 1.5rem;margin:0.1rem}#sidebar .sidebar-tab .chat-control-icon{cursor:url("../l5r-ui/ui/cursors/pointer.webp"),pointer}#sidebar .sidebar-tab .action-buttons button{cursor:default;color:#fff;background:linear-gradient(#af916e, #96785a, #af916e);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(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#sidebar #chat-log{margin:0 0 0.5rem}#sidebar #chat-log .message.whisper,#sidebar #chat-log .message.blind{position:relative;font-style:italic}#sidebar #chat-log .message.whisper .message-header .message-metadata:before,#sidebar #chat-log .message.blind .message-header .message-metadata:before{content:" (Private Roll) ";position:absolute;top:-0.5rem;right:0.25rem;font-size:0.5rem;color:rgba(255,255,255,0.5);height:0}#sidebar #chat-log .message.blind .message-header .message-metadata:before{content:" (Blind Roll) "}#sidebar .message-sender{color:#963c41;text-shadow:1px 1px 0px rgba(0,0,0,0.25)}#hotbar{margin:0}#hotbar #action-bar{flex:0 0 100%}#hotbar #action-bar .macro{background-position:center;background-size:100%;background:linear-gradient(rgba(10,0,20,0.75), rgba(0,0,10,0.75), rgba(10,0,20,0.75));background-origin:padding-box;-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.active{background:linear-gradient(rgba(0,0,10,0.75), rgba(10,0,20,0.75), rgba(0,0,10,0.75));box-shadow:1px 1px 10px #000 inset;border:1px solid rgba(195,165,130,0.5)}#hotbar #action-bar #macro-list{background:transparent;margin:0;padding:0.05rem;border-radius:0;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:linear-gradient(rgba(10,0,20,0.75), rgba(0,0,10,0.75), rgba(10,0,20,0.75));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:linear-gradient(rgba(10,0,20,0.75), rgba(0,0,10,0.75), rgba(10,0,20,0.75));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:#fff;background:linear-gradient(rgba(10,0,20,0.75), rgba(0,0,10,0.75), rgba(10,0,20,0.75));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(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#navigation #scene-list .scene.nav-item.active{background:linear-gradient(rgba(65,20,15,0.75), rgba(35,10,5,0.75), rgba(65,20,15,0.75))}#navigation #scene-list .scene.nav-item.active:hover{background:linear-gradient(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#navigation #scene-list .scene.view,#navigation #scene-list .scene.context{cursor:default;color:#fff;background:linear-gradient(rgba(65,20,15,0.75), rgba(35,10,5,0.75), rgba(65,20,15,0.75));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(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#controls{top:100px}#controls .scene-control.active,#controls .control-tool.active,#controls .scene-control:hover,#controls .control-tool:hover{background:linear-gradient(rgba(65,20,15,0.75), rgba(35,10,5,0.75), rgba(65,20,15,0.75));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(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#controls .scene-control,#controls .control-tool{color:#fff;background:linear-gradient(rgba(10,0,20,0.75), rgba(0,0,10,0.75), rgba(10,0,20,0.75));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(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#chat-form textarea,.chat-message,#chat-controls .roll-type-select,.sidebar-tab .directory-header .header-search input{background:transparent url("../assets/ui/chat-texture.webp") no-repeat}.sidebar-tab .directory-header .header-search input{color:#fff}.chat-message .message-header{line-height:2rem;border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:0.25rem;border-radius:0}#playlists .playlist .playlist-header h4{font:0.75rem "PatrickHand",sans-serif;text-transform:uppercase;text-align:right}#settings button{cursor:default;color:#fff;background:linear-gradient(#af916e, #96785a, #af916e);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(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#combat #combat-round .encounters h3{font-size:0.75rem}.dialog .dialog-buttons button{line-height:1rem}.l5r5e .dice-roll .dice-formula,.l5r5e .dice-roll .dice-total{background:rgba(255,255,255,0.1);border:rgba(255,255,255,0.75)}.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 .chat-profil{text-align:center;vertical-align:middle}.l5r5e .chat-profil-stance{font-size:40px;position:relative;top:8px;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}.l5r5e .chat-profil-element{flex-wrap:wrap;flex-grow:1}.l5r5e .chat-profil-element-skill{flex-grow:3}.l5r5e .dice-picker-dialog *{transition:none}.l5r5e .dice-picker-dialog input[type="text"]:focus,.l5r5e .dice-picker-dialog input[type="text"]:hover{box-shadow:none !important;border:none !important;text-shadow:none !important}.l5r5e .dice-picker-dialog img{border:0}.l5r5e .dice-picker-dialog table{text-align:center;background:none;border:none}.l5r5e .dice-picker-dialog table td:first-child{width:200px}.l5r5e .dice-picker-dialog table td{width:240px}.l5r5e .dice-picker-dialog table td:last-child{width:200px}.l5r5e .dice-picker-dialog .pointer-choice{cursor:url("../l5r-ui/ui/cursors/pointer.webp"),pointer}.l5r5e .dice-picker-dialog .ring-selection.ring-selected i{text-shadow:0px 2px 2px rgba(255,0,0,0.75)}.l5r5e .dice-picker-dialog .ring-selection.ring-selected strong{color:rgba(255,0,0,0.75);text-decoration:underline}.l5r5e .dice-picker-dialog .ring-selection.ring-selected input{border:2px solid rgba(255,0,0,0.75) !important}.l5r5e .dice-picker-dialog .quantity{font-size:xx-large}.l5r5e .dice-picker-dialog .third{display:inline-block;text-align:center;vertical-align:middle}.l5r5e .dice-picker-dialog .dice-container{position:relative;text-align:center}.l5r5e .dice-picker-dialog .dice-container>img{height:40px;width:40px}.l5r5e .dice-picker-dialog .dice-value{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.l5r5e .dice-picker-dialog .input-dice{width:20px;color:#0f0f0e;background:none;border:none;font-size:large}.l5r5e .dice-picker-dialog .input-dice-ring{color:#f0f0e0}.l5r5e .dice-picker-dialog .input-dice-skill{color:#0f0f0e}.l5r5e.sheet{min-width:600px}.l5r5e.sheet.actor .sheet-header{height:26.75rem}.l5r5e.sheet.actor .sheet-body{height:calc(100% - 26.75rem)}.l5r5e.sheet.item .sheet-header,.l5r5e.sheet .technique .sheet-header,.l5r5e.sheet .weapon .sheet-header,.l5r5e.sheet .armor .sheet-header,.l5r5e.sheet .advantages .sheet-header,.l5r5e.sheet .disadvantages .sheet-header{height:10rem}.l5r5e.sheet.item .sheet-body,.l5r5e.sheet .technique .sheet-body,.l5r5e.sheet .weapon .sheet-body,.l5r5e.sheet .armor .sheet-body,.l5r5e.sheet .advantages .sheet-body,.l5r5e.sheet .disadvantages .sheet-body{height:calc(100% - 10rem)}.l5r5e.sheet form{display:flex;flex-wrap:wrap}.l5r5e.sheet .sheet-body{flex:0 0 100%;align-items:flex-start}.l5r5e.sheet .sheet-header{flex:0 0 100%;align-items:flex-start}.l5r5e.sheet .sheet-header input{font-size:1rem}.l5r5e.sheet .sheet-header h1{flex:auto;margin:0 0 0.25rem 1rem}.l5r5e.sheet .sheet-header h1 input{flex:0 0 100%;font-size:3rem;height:4rem;margin:0.5rem 0 0;width:100%;text-align:right;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 - 1.05rem)}.l5r5e.sheet .sheet-header .identity-wrapper .identity-content{flex:0 0 100%;display:flex;flex-wrap:wrap;margin:0.5rem 0 0.5rem 1rem}.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;display:flex;flex-wrap:wrap;flex-direction:row;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 label{display:flex;color:#5a6e5a;text-transform:uppercase;font-size:0.75rem;line-height:2rem;margin:0 0.5rem}.l5r5e.sheet .sheet-header .attributes-wrapper label strong{flex:1 0 calc(100% - 3rem)}.l5r5e.sheet .sheet-header .attributes-wrapper label input{flex:0 0 2rem}.l5r5e.sheet .sheet-header .attributes-wrapper label input[disabled]{flex:0 0 2rem;background:transparent}.l5r5e.sheet .sheet-header .attributes-wrapper .endurance-content,.l5r5e.sheet .sheet-header .attributes-wrapper .composure-content{flex:1}.l5r5e.sheet .sheet-header .attributes-wrapper .endurance-content label:nth-child(2),.l5r5e.sheet .sheet-header .attributes-wrapper .composure-content label:nth-child(2){display:flex;flex-direction:column;flex-wrap:wrap}.l5r5e.sheet .sheet-header .attributes-wrapper .endurance-content label:nth-child(2) input,.l5r5e.sheet .sheet-header .attributes-wrapper .composure-content label:nth-child(2) input{flex:1rem;margin:0 0 0.25rem}.l5r5e.sheet .sheet-header .attributes-wrapper .focus-content,.l5r5e.sheet .sheet-header .attributes-wrapper .vigilante-content{flex:0 0 50%}.l5r5e.sheet .sheet-header .attributes-wrapper .focus-content label,.l5r5e.sheet .sheet-header .attributes-wrapper .vigilante-content label{flex:1}.l5r5e.sheet .sheet-header .attributes-wrapper .focus-content label input,.l5r5e.sheet .sheet-header .attributes-wrapper .vigilante-content label input{flex:1rem}.l5r5e.sheet .sheet-header .attributes-wrapper .void-content{display:flex}.l5r5e.sheet .sheet-header .attributes-wrapper .void-content label{flex:1}.l5r5e.sheet .sheet-header .attributes-wrapper .void-content label input{flex:1rem}.l5r5e.sheet .sheet-header .attributes-wrapper li{position:relative}.l5r5e.sheet .sheet-header .attributes-wrapper li p{display:none;z-index:2;position:absolute;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{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{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 .stance-content label{display:block;width:100%;line-height:1.5rem;padding:0.25rem;color:#fff}.l5r5e.sheet article .stance-content label.earth{background:#699678}.l5r5e.sheet article .stance-content label.air{background:#917896}.l5r5e.sheet article .stance-content label.water{background:#5f919b}.l5r5e.sheet article .stance-content label.fire{background:#9b7350}.l5r5e.sheet article .stance-content label.void{background:#4b4641}.l5r5e.sheet article .stance-content label input{float:right;position:relative;top:0.3rem;right:0.25rem}.l5r5e.sheet article .stance-content .quick-rules{display:none;height:0;margin:0;padding:0.25rem;font-size:0.75rem;color:rgba(0,0,0,0.75);overflow:hidden;border:1px solid rgba(186,187,177,0.5);transition:height 0.25s ease-in}.l5r5e.sheet article .stance-content:hover .quick-rules{display:block;height:6rem;overflow-y:auto;scrollbar-width:thin}.l5r5e.sheet .xp{flex:0 0 5rem}.l5r5e.sheet table thead th:first-child{flex:0 0 70%}.l5r5e.sheet table tbody th{flex:0 0 70%}.l5r5e.sheet .techniques-wrapper fieldset:last-child{margin:0 0 0 0.5rem}.l5r5e.npc .sheet-header fieldset{flex:none;min-height:2rem;width:100%}.l5r5e .npc-skill{display:flex;width:100%;line-height:2rem;font-size:0.75rem;text-align:center}.l5r5e .npc-skill li{flex:1;padding:0.25rem;text-transform:uppercase;color:#fff}.l5r5e .npc-skill li:nth-child(1){background:#4b4641}.l5r5e .npc-skill li:nth-child(2){background:#699678}.l5r5e .npc-skill li:nth-child(3){background:#9b7350}.l5r5e .npc-skill li:nth-child(4){background:#917896}.l5r5e .npc-skill li:nth-child(5){flex:1.25;background:#5f919b}.l5r5e .npc-skill input[type="text"]{float:right;height:2rem;width:1rem;margin:0;padding:0;border:0 none;background:transparent;color:#fff}.l5r5e nav.sheet-tabs{font-family:"BrushtipTexe",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.sheet article .skills-wrapper,.l5r5e.sheet article .techniques-wrapper{flex:50%}.l5r5e.sheet article .skills-wrapper>li,.l5r5e.sheet article .techniques-wrapper>li{display:flex;flex-wrap:wrap;font-size:0.85rem;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 .techniques-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 .techniques-wrapper>li ul{flex:50%;padding:0.25rem 0.5rem 0.25rem 0}.l5r5e.sheet article .skills-wrapper>li ul li,.l5r5e.sheet article .techniques-wrapper>li ul li{text-align:left;line-height:2rem;margin:0.25rem 0}.l5r5e.sheet article .skills-wrapper>li ul li.skill,.l5r5e.sheet article .techniques-wrapper>li ul li.skill{text-align:right}.l5r5e.sheet article .skills-wrapper>li ul li.skill span,.l5r5e.sheet article .techniques-wrapper>li ul li.skill span{color:rgba(0,0,0,0.5)}.l5r5e.sheet article .skills-wrapper>li ul li.skill[data-skill="melee"] span,.l5r5e.sheet article .skills-wrapper>li ul li.skill[data-skill="ranged"] span,.l5r5e.sheet article .skills-wrapper>li ul li.skill[data-skill="unarmed"] span,.l5r5e.sheet article .techniques-wrapper>li ul li.skill[data-skill="melee"] span,.l5r5e.sheet article .techniques-wrapper>li ul li.skill[data-skill="ranged"] span,.l5r5e.sheet article .techniques-wrapper>li ul li.skill[data-skill="unarmed"] span{float:left;line-height:1rem;width:calc(100% - 2rem)}.l5r5e.sheet article .skills-wrapper>li ul.skill-category-ring-actions,.l5r5e.sheet article .techniques-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 .techniques-wrapper>li input{width:1.75rem;height:1.75rem;text-align:center}.l5r5e.sheet article .skills-wrapper>li:last-child,.l5r5e.sheet article .techniques-wrapper>li:last-child{margin:0}.l5r5e .item-list{flex:100%}.l5r5e .item-list .item .item-header{display:flex}.l5r5e .item-list .item .item-header .item-img{flex:0 0 32px;padding-right:0.25rem}.l5r5e .item-list .item .item-header .item-img img{border:1px solid rgba(0,0,0,0.1)}.l5r5e .item-list .item .item-header .item-name{flex:1 1 auto}.l5r5e .item-list .item .item-header .item-edit,.l5r5e .item-list .item .item-header .item-delete,.l5r5e .item-list .item .item-header .technique-edit,.l5r5e .item-list .item .item-header .technique-delete{flex:0 0 1rem;padding:0 0.25rem}.l5r5e .item-list .item .item-header .icon-stat-container{padding:0 0.25rem}.l5r5e .item-list .item .item-description{flex:unset;display:block;height:0;overflow:hidden;background:rgba(0,0,0,0.05);transition:height 0.25s ease-in}.l5r5e .item-list .item:hover .item-description{height:5rem;overflow-y:auto;scrollbar-width:thin}.l5r5e .item-list .item p{font-size:0.85rem;margin:0;padding:0 0.5rem;max-width:100%}.l5r5e .item-list .item p:first-child{padding-top:0.5rem}.l5r5e .item-list .item p:last-child{padding-bottom:0.5rem} +body{background:url("../assets/imgs/background.webp") no-repeat center;background-size:cover}body>*{scrollbar-width:thin}.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)}button:hover{box-shadow:0 0 10px rgba(255,0,0,0.75)}button:focus{box-shadow:0 0 10px rgba(255,0,0,0.75)}ul,li{list-style-type:none;margin:0;padding:0}.item-list>li{padding:0.25rem;border:1px solid rgba(0,0,0,0.05);border-bottom:0 none}.item-list>li:nth-child(odd){background:rgba(186,187,177,0.2)}.item-list>li:nth-child(even){background:rgba(186,187,177,0.1)}.item-list>li:last-child{border-bottom:1px solid rgba(0,0,0,0.05)}fieldset{flex:1;display:flex;margin:0 0.25rem;padding:0.25rem 0.5rem;border:1px solid rgba(186,187,177,0.5)}fieldset legend{color:#5a6e5a}fieldset .editor{height:calc(100% - 1.5rem)}input[type="text"],input[type="number"],input[type="password"],input[type="date"],input[type="time"]{text-align:center;padding:0.25rem;background:rgba(255,255,255,0.5);border:1px solid rgba(186,187,177,0.5);color:#764f40}input[type="text"][disabled],input[type="number"][disabled],input[type="password"][disabled],input[type="date"][disabled],input[type="time"][disabled]{background:rgba(255,255,255,0.25)}.editor,.editor-content{flex:1;height:100%;min-height:5rem}.earth{color:#699678}.air{color:#917896}.water{color:#5f919b}.fire{color:#9b7350}.void{color:#4b4641}table{text-align:center;background:transparent;border:1px solid rgba(186,187,177,0.5)}table thead{background:rgba(186,187,177,0.5);color:#5a6e5a;text-shadow:none;border-bottom:rgba(186,187,177,0.5)}table tr:nth-child(odd){background:rgba(186,187,177,0.2)}table tr:nth-child(even){background:rgba(186,187,177,0.1)}@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")}@font-face{font-family:"ArchitectsDaughter";src:url("../fonts/ArchitectsDaughter.ttf") format("truetype")}body{font:16px "PatrickHand",sans-serif;letter-spacing:0.05rem}h1,h4{font-family:"BrushtipTexe",sans-serif}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.25rem}p{font-family:"ArchitectsDaughter",sans-serif}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",sans-serif;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}.dice-roll .dice-formula,.dice-roll .dice-total{background:rgba(255,255,255,0.1);border:rgba(255,255,255,0.75)}.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}.chat-profil{text-align:center;vertical-align:middle}.chat-profil-stance{font-size:40px;position:relative;top:8px;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}.chat-profil-element{flex-wrap:wrap;flex-grow:1}.chat-profil-element-skill{flex-grow:3}.dice-picker-dialog *{transition:none}.dice-picker-dialog input[type="text"]:focus,.dice-picker-dialog input[type="text"]:hover{box-shadow:none !important;border:none !important;text-shadow:none !important}.dice-picker-dialog img{border:0}.dice-picker-dialog table{text-align:center;background:none;border:none}.dice-picker-dialog table td:first-child{width:200px}.dice-picker-dialog table td{width:240px}.dice-picker-dialog table td:last-child{width:200px}.dice-picker-dialog .pointer-choice{cursor:url("../l5r-ui/ui/cursors/pointer.webp"),pointer}.dice-picker-dialog .ring-selection.ring-selected i{text-shadow:0px 2px 2px rgba(255,0,0,0.75)}.dice-picker-dialog .ring-selection.ring-selected strong{color:rgba(255,0,0,0.75);text-decoration:underline}.dice-picker-dialog .ring-selection.ring-selected input{border:2px solid rgba(255,0,0,0.75) !important}.dice-picker-dialog .quantity{font-size:xx-large}.dice-picker-dialog .third{display:inline-block;text-align:center;vertical-align:middle}.dice-picker-dialog .dice-container{position:relative;text-align:center}.dice-picker-dialog .dice-container>img{height:40px;width:40px}.dice-picker-dialog .dice-value{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.dice-picker-dialog .input-dice{width:20px;color:#0f0f0e;background:none;border:none;font-size:large}.dice-picker-dialog .input-dice-ring{color:#f0f0e0}.dice-picker-dialog .input-dice-skill{color:#0f0f0e}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;display:flex}#sidebar #sidebar-tabs i{flex:1;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:100%;border-radius:100%}#sidebar #sidebar-tabs i.fa-comments{background-image:url("../assets/ui/sidebar/chat.svg")}#sidebar #sidebar-tabs i.fa-comments:before{content:""}#sidebar #sidebar-tabs i.fa-fist-raised{background-image:url("../assets/ui/sidebar/combat-tracker.svg");background-size:85%}#sidebar #sidebar-tabs i.fa-fist-raised:before{content:""}#sidebar #sidebar-tabs i.fa-map{background-image:url("../assets/ui/sidebar/scenes.svg");background-size:80%}#sidebar #sidebar-tabs i.fa-map:before{content:""}#sidebar #sidebar-tabs i.fa-users{background-image:url("../assets/ui/sidebar/actors.svg");background-size:90%}#sidebar #sidebar-tabs i.fa-users:before{content:""}#sidebar #sidebar-tabs i.fa-suitcase{background-image:url("../assets/ui/sidebar/object.svg")}#sidebar #sidebar-tabs i.fa-suitcase:before{content:""}#sidebar #sidebar-tabs i.fa-book-open{background-image:url("../assets/ui/sidebar/journal.svg")}#sidebar #sidebar-tabs i.fa-book-open:before{content:""}#sidebar #sidebar-tabs i.fa-th-list{background-image:url("../assets/ui/sidebar/rolltable.svg");background-size:85%}#sidebar #sidebar-tabs i.fa-th-list:before{content:""}#sidebar #sidebar-tabs i.fa-music{background-image:url("../assets/ui/sidebar/playlist.svg");background-size:80%}#sidebar #sidebar-tabs i.fa-music:before{content:""}#sidebar #sidebar-tabs i.fa-atlas{background-image:url("../assets/ui/sidebar/compendium.svg")}#sidebar #sidebar-tabs i.fa-atlas:before{content:""}#sidebar #sidebar-tabs i.fa-cogs{background-image:url("../assets/ui/sidebar/settings.svg");background-size:85%}#sidebar #sidebar-tabs i.fa-cogs:before{content:""}#sidebar #sidebar-tabs>.item{flex:0 0 1.5rem;height:1.5rem;line-height:1.5rem;margin:0.1rem;border-radius:100%;background:rgba(255,255,255,0.5)}#sidebar #sidebar-tabs>.item.active,#sidebar #sidebar-tabs>.item:hover{background:#fff;border:1px solid #c3a582;box-shadow:0 0 10px rgba(255,255,255,0.5)}#sidebar #sidebar-tabs .collapse{position:relative;flex:0 0 0.85rem;line-height:1.75rem;color:#c3a582;text-align:center}#sidebar #sidebar-tabs .collapse i{background-color:transparent}#sidebar.collapsed #sidebar-tabs>.item.active{border:1px solid #c3a582;box-shadow:0 0 10px rgba(255,255,255,0.5);border-radius:100%}#sidebar.collapsed #sidebar-tabs .collapse{flex:0 0 1.5rem;margin:0.1rem}#sidebar .sidebar-tab .chat-control-icon{cursor:url("../assets/cursors/pointer.webp"),pointer}#sidebar .sidebar-tab .action-buttons button{cursor:default;color:#fff;background:linear-gradient(#af916e, #96785a, #af916e);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(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#sidebar #chat-log{margin:0 0 0.5rem}#sidebar #chat-log .message.whisper,#sidebar #chat-log .message.blind{position:relative;font-style:italic}#sidebar #chat-log .message.whisper .message-header .message-metadata:before,#sidebar #chat-log .message.blind .message-header .message-metadata:before{content:" (Private Roll) ";position:absolute;top:-0.5rem;right:0.25rem;font-size:0.5rem;color:rgba(255,255,255,0.5);height:0}#sidebar #chat-log .message.blind .message-header .message-metadata:before{content:" (Blind Roll) "}#sidebar .message-sender{color:#963c41;text-shadow:1px 1px 0px rgba(0,0,0,0.25)}#hotbar{margin:0}#hotbar #action-bar{flex:0 0 100%}#hotbar #action-bar .macro{background-position:center;background-size:100%;background:linear-gradient(rgba(10,0,20,0.75), rgba(0,0,10,0.75), rgba(10,0,20,0.75));background-origin:padding-box;-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.active{background:linear-gradient(rgba(0,0,10,0.75), rgba(10,0,20,0.75), rgba(0,0,10,0.75));box-shadow:1px 1px 10px #000 inset;border:1px solid rgba(195,165,130,0.5)}#hotbar #action-bar #macro-list{background:transparent;margin:0;padding:0.05rem;border-radius:0;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:linear-gradient(rgba(10,0,20,0.75), rgba(0,0,10,0.75), rgba(10,0,20,0.75));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:linear-gradient(rgba(10,0,20,0.75), rgba(0,0,10,0.75), rgba(10,0,20,0.75));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:#fff;background:linear-gradient(rgba(10,0,20,0.75), rgba(0,0,10,0.75), rgba(10,0,20,0.75));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(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#navigation #scene-list .scene.nav-item.active{background:linear-gradient(rgba(65,20,15,0.75), rgba(35,10,5,0.75), rgba(65,20,15,0.75))}#navigation #scene-list .scene.nav-item.active:hover{background:linear-gradient(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#navigation #scene-list .scene.view,#navigation #scene-list .scene.context{cursor:default;color:#fff;background:linear-gradient(rgba(65,20,15,0.75), rgba(35,10,5,0.75), rgba(65,20,15,0.75));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(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#controls{top:100px}#controls .scene-control.active,#controls .control-tool.active,#controls .scene-control:hover,#controls .control-tool:hover{background:linear-gradient(rgba(65,20,15,0.75), rgba(35,10,5,0.75), rgba(65,20,15,0.75));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(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#controls .scene-control,#controls .control-tool{color:#fff;background:linear-gradient(rgba(10,0,20,0.75), rgba(0,0,10,0.75), rgba(10,0,20,0.75));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(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#chat-form textarea,.chat-message,#chat-controls .roll-type-select,.sidebar-tab .directory-header .header-search input{background:transparent url("../assets/ui/chat-texture.webp") no-repeat}.sidebar-tab .directory-header .header-search input{color:#fff}.chat-message .message-header{line-height:2rem;border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:0.25rem;border-radius:0}#playlists .playlist .playlist-header h4{font:0.75rem "PatrickHand",sans-serif;text-transform:uppercase;text-align:right}#settings button{cursor:default;color:#fff;background:linear-gradient(#af916e, #96785a, #af916e);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(rgba(35,10,5,0.75), rgba(65,20,15,0.75), rgba(35,10,5,0.75))}#combat #combat-round .encounters h3{font-size:0.75rem}.dialo .logo-dialog{height:125px}.dialo .logo-dialog .dialog-buttons button{line-height:1rem}.dialo .logo-dialog .dialog-content{height:1rem}.dialo .logo-dialog .dialog-content p{margin:0}.l5r5e .dice-roll .dice-formula,.l5r5e .dice-roll .dice-total{background:rgba(255,255,255,0.1);border:rgba(255,255,255,0.75)}.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 .chat-profil{text-align:center;vertical-align:middle}.l5r5e .chat-profil-stance{font-size:40px;position:relative;top:8px;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}.l5r5e .chat-profil-element{flex-wrap:wrap;flex-grow:1}.l5r5e .chat-profil-element-skill{flex-grow:3}.l5r5e .dice-picker-dialog *{transition:none}.l5r5e .dice-picker-dialog input[type="text"]:focus,.l5r5e .dice-picker-dialog input[type="text"]:hover{box-shadow:none !important;border:none !important;text-shadow:none !important}.l5r5e .dice-picker-dialog img{border:0}.l5r5e .dice-picker-dialog table{text-align:center;background:none;border:none}.l5r5e .dice-picker-dialog table td:first-child{width:200px}.l5r5e .dice-picker-dialog table td{width:240px}.l5r5e .dice-picker-dialog table td:last-child{width:200px}.l5r5e .dice-picker-dialog .pointer-choice{cursor:url("../l5r-ui/ui/cursors/pointer.webp"),pointer}.l5r5e .dice-picker-dialog .ring-selection.ring-selected i{text-shadow:0px 2px 2px rgba(255,0,0,0.75)}.l5r5e .dice-picker-dialog .ring-selection.ring-selected strong{color:rgba(255,0,0,0.75);text-decoration:underline}.l5r5e .dice-picker-dialog .ring-selection.ring-selected input{border:2px solid rgba(255,0,0,0.75) !important}.l5r5e .dice-picker-dialog .quantity{font-size:xx-large}.l5r5e .dice-picker-dialog .third{display:inline-block;text-align:center;vertical-align:middle}.l5r5e .dice-picker-dialog .dice-container{position:relative;text-align:center}.l5r5e .dice-picker-dialog .dice-container>img{height:40px;width:40px}.l5r5e .dice-picker-dialog .dice-value{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.l5r5e .dice-picker-dialog .input-dice{width:20px;color:#0f0f0e;background:none;border:none;font-size:large}.l5r5e .dice-picker-dialog .input-dice-ring{color:#f0f0e0}.l5r5e .dice-picker-dialog .input-dice-skill{color:#0f0f0e}.l5r5e.sheet{min-width:600px}.l5r5e.sheet.actor .sheet-header{height:28rem}.l5r5e.sheet.actor .sheet-body{height:calc(100% - 28rem)}.l5r5e.sheet.actor .techniques-wrapper fieldset:last-child{margin:0 0 0 0.5rem}.l5r5e.sheet.item .sheet-header,.l5r5e.sheet .technique .sheet-header,.l5r5e.sheet .weapon .sheet-header,.l5r5e.sheet .armor .sheet-header,.l5r5e.sheet .advantages .sheet-header,.l5r5e.sheet .disadvantages .sheet-header{height:10rem}.l5r5e.sheet.item .sheet-body,.l5r5e.sheet .technique .sheet-body,.l5r5e.sheet .weapon .sheet-body,.l5r5e.sheet .armor .sheet-body,.l5r5e.sheet .advantages .sheet-body,.l5r5e.sheet .disadvantages .sheet-body{height:calc(100% - 10rem)}.l5r5e.sheet form{display:flex;flex-wrap:wrap}.l5r5e.sheet .sheet-body{flex:0 0 100%;align-items:flex-start}.l5r5e.sheet .sheet-header{flex:0 0 100%;align-items:flex-start}.l5r5e.sheet .sheet-header input{flex:0 0 3rem;font-size:1.5rem;height:2rem}.l5r5e.sheet .sheet-header h1{flex:auto;margin:0 0 0.25rem 1rem}.l5r5e.sheet .sheet-header h1 input{flex:0 0 100%;font-size:3rem;height:4rem;margin:0.5rem 0 0;width:100%;text-align:right;color:#963c41;background:transparent;border:0 none;border-radius:0;border-bottom:1px solid rgba(90,110,90,0.25)}.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;top:-1.5rem;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{position:relative}.l5r5e.sheet .sheet-header .header-fields h2{font-family:"BrushtipTexe",sans-serif;float:left;width:30%;padding:0 0.25rem;margin:1rem 20% 0 0;text-align:center;color:#fff;text-shadow:0 0 1px #5a6e5a;border-bottom:0 none;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 .header-fields h2.right{margin:1rem 0 0 20%;-webkit-clip-path:polygon(0% 0, var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 100% 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)));clip-path:polygon(0% 0, var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 100% 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)))}.l5r5e.sheet .sheet-header .header-fields h2:before{content:"";position:absolute;height:1px;width:100%}.l5r5e.sheet .sheet-header .identity-wrapper{display:flex;position:initial;flex-wrap:wrap;flex:0 0 calc(100% - 150px - 1.05rem)}.l5r5e.sheet .sheet-header .identity-wrapper .identity-content{flex:0 0 100%;display:flex;flex-wrap:wrap;margin:0.5rem 0 0.5rem 1rem}.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:40%;padding:0;position:relative;top:-2.5rem}.l5r5e.sheet .sheet-header .social-content,.l5r5e.sheet .sheet-header .attributes-wrapper{flex:none;float:left;width:30%;flex-direction:column;display:flex;padding:0.5rem 0 0 0.25rem;border-left:2px solid rgba(186,187,177,0.5)}.l5r5e.sheet .sheet-header .social-content li,.l5r5e.sheet .sheet-header .attributes-wrapper li{position:relative}.l5r5e.sheet .sheet-header .social-content li:before,.l5r5e.sheet .sheet-header .attributes-wrapper li:before{content:"";position:absolute;background:linear-gradient(rgba(186,187,177,0.5), rgba(186,187,177,0));height:2px;width:100%;top:-0.25rem;left:-0.25rem}.l5r5e.sheet .sheet-header .social-content li:nth-child(2):before,.l5r5e.sheet .sheet-header .attributes-wrapper li:nth-child(2):before{width:90%}.l5r5e.sheet .sheet-header .social-content li:nth-child(3):before,.l5r5e.sheet .sheet-header .attributes-wrapper li:nth-child(3):before{width:80%}.l5r5e.sheet .sheet-header .social-content li:nth-child(4):before,.l5r5e.sheet .sheet-header .attributes-wrapper li:nth-child(4):before{width:90%}.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;height:3rem;margin:0.25rem 0;flex-direction:row-reverse}.l5r5e.sheet .sheet-header .social-content label strong,.l5r5e.sheet .sheet-header .attributes-wrapper label strong{flex:0 0 calc(100% - 3.5rem)}.l5r5e.sheet .sheet-header .social-content label input,.l5r5e.sheet .sheet-header .attributes-wrapper label input{flex:0 0 3rem;margin:0 0.25rem;height:2.5rem}.l5r5e.sheet .sheet-header .social-content label input[disabled],.l5r5e.sheet .sheet-header .attributes-wrapper label input[disabled]{flex:0 0 3rem;background:transparent}.l5r5e.sheet .sheet-header .attributes-wrapper{padding:0.5rem 0.25rem 0 0;border-left:0 none;border-right:2px solid rgba(186,187,177,0.5)}.l5r5e.sheet .sheet-header .attributes-wrapper li:before{left:auto;right:-0.25rem}.l5r5e.sheet .sheet-header .attributes-wrapper li.void-content:before{width:0}.l5r5e.sheet .sheet-header .attributes-wrapper label{flex-direction:row}.l5r5e.sheet .sheet-header .attributes-wrapper label strong{text-align:right}.l5r5e.sheet .sheet-header .attributes-wrapper label:nth-child(2){position:relative;flex:50%;right:1.5rem}.l5r5e.sheet .sheet-header .attributes-wrapper label:nth-child(2) strong{position:absolute;top:0;left:0;font-size:0.65rem;width:3rem;color:rgba(0,0,0,0.5)}.l5r5e.sheet .sheet-header .attributes-wrapper label:nth-child(2) input{border-top:0 none;font-size:1.25rem;padding-top:0.75rem}.l5r5e.sheet .sheet-header .attributes-wrapper .endurance-content input[disabled],.l5r5e.sheet .sheet-header .attributes-wrapper .composure-content input[disabled]{flex:0 0 4.75rem;padding-right:3rem}.l5r5e.sheet .sheet-header .attributes-wrapper .void-content{display:flex;position:absolute;bottom:0.25rem;right:35%;width:10rem}.l5r5e.sheet .sheet-header .attributes-wrapper .void-content label{margin:0}.l5r5e.sheet .sheet-header .attributes-wrapper .void-content label strong{flex:1 0 calc(100% - 5rem);padding:0 0.25rem}.l5r5e.sheet .sheet-header .attributes-wrapper .void-content label input:nth-child(2){flex:3rem;padding-right:1.25rem}.l5r5e.sheet .sheet-header .attributes-wrapper .void-content label input:last-child{flex:1;border:0 none;font-size:1rem;text-align:left;padding-left:0.25rem;padding-top:0.75rem;position:relative;right:2rem}.l5r5e.sheet .sheet-header .attributes-wrapper li{display:flex}.l5r5e.sheet .sheet-header .attributes-wrapper li p{display:none;z-index:2;position:absolute;background:rgba(0,0,0,0.5);color:#fff;padding:0.25rem;bottom:-75%;right:0;--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{display:flex;color:#5a6e5a;text-transform:uppercase;font-size:0.75rem;line-height:2rem}.l5r5e.sheet .sheet-header .identity-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 .stance-content label{display:block;width:100%;line-height:1.5rem;padding:0.25rem;color:#fff}.l5r5e.sheet article .stance-content label.earth{background:#699678}.l5r5e.sheet article .stance-content label.air{background:#917896}.l5r5e.sheet article .stance-content label.water{background:#5f919b}.l5r5e.sheet article .stance-content label.fire{background:#9b7350}.l5r5e.sheet article .stance-content label.void{background:#4b4641}.l5r5e.sheet article .stance-content label input{float:right;position:relative;top:0.3rem;right:0.25rem}.l5r5e.sheet article .stance-content .quick-rules{display:none;height:0;margin:0;padding:0.25rem;font-size:0.75rem;color:rgba(0,0,0,0.75);overflow:hidden;border:1px solid rgba(186,187,177,0.5);transition:height 0.25s ease-in}.l5r5e.sheet article .stance-content:hover .quick-rules{display:block;height:6rem;overflow-y:auto;scrollbar-width:thin}.l5r5e.sheet .xp{flex:0 0 5rem}.l5r5e.sheet table thead th:first-child{flex:0 0 70%}.l5r5e.sheet table tbody th{flex:0 0 70%}.l5r5e.npc .sheet-header h1:before{top:-50%;left:-0.5rem}.l5r5e.npc .sheet-header img{flex:0 0 75px;height:75px;width:75px}.l5r5e.npc .sheet-header fieldset{flex:1 1 100%;min-height:2rem;width:100%}.l5r5e.npc .sheet-header .identity-wrapper{flex:1 1 100%}.l5r5e.npc .sheet-header .identity-wrapper h1{margin:0 0 1rem 1rem}.l5r5e.npc .sheet-header .identity-wrapper .identity-list{flex:0 0 100%;display:flex;margin-bottom:0.5rem}.l5r5e.npc .sheet-header .identity-wrapper .identity-list li{flex:1}.l5r5e.npc .sheet-header .identity-wrapper .identity-list li select{width:100%;background:transparent;border:0 none;text-transform:capitalize}.l5r5e.npc .sheet-header .identity-wrapper .identity-list li input{font-size:1.25rem;height:1.5rem;line-height:1.5rem}.l5r5e.npc .sheet-header .affinities{display:flex;flex-wrap:wrap}.l5r5e.npc .sheet-header .affinities select{position:relative;background:transparent;border:0 none;margin:0;padding:0;text-align:left;font-weight:bold;margin:0 0 0.25rem 0;color:#5a6e5a}.l5r5e.npc .sheet-header .affinities select option{font-family:"PatrickHand",sans-serif}.l5r5e.npc .sheet-header .affinities select option:before{font-family:"LogotypeL5r",sans-serif;line-height:1rem;font-style:normal;font-weight:normal;vertical-align:middle}.l5r5e.npc .sheet-header .affinities select option[value="earth"]:before{content:"g"}.l5r5e.npc .sheet-header .affinities select option[value="water"]:before{content:"w"}.l5r5e.npc .sheet-header .affinities select option[value="fire"]:before{content:"i"}.l5r5e.npc .sheet-header .affinities select option[value="air"]:before{content:"a"}.l5r5e.npc .sheet-header .affinities select option[value="void"]:before{content:"v"}.l5r5e.npc .sheet-header .affinities input{font-size:1rem;flex:1rem;height:1.5rem}.l5r5e.npc .sheet-header .social-content{margin-bottom:0.5rem}.l5r5e.npc .sheet-header .social-content .attitude{height:1.5rem;padding-left:0.25rem}.l5r5e.npc .sheet-header .social-content .attitude input{height:1rem}.l5r5e.npc .sheet-header .social-content .attitude input{height:1.5rem;flex:1;margin-right:0}.l5r5e.npc .npc-skill{display:flex;width:100%;line-height:2rem;font-size:0.75rem;text-align:center}.l5r5e.npc .npc-skill li{flex:1;padding:0.25rem;text-transform:uppercase;color:#fff}.l5r5e.npc .npc-skill li:nth-child(1){background:#4b4641}.l5r5e.npc .npc-skill li:nth-child(2){background:#699678}.l5r5e.npc .npc-skill li:nth-child(3){background:#9b7350}.l5r5e.npc .npc-skill li:nth-child(4){background:#917896}.l5r5e.npc .npc-skill li:nth-child(5){flex:1.25;background:#5f919b}.l5r5e.npc .npc-skill input[type="text"]{float:right;font-size:1.25rem;height:2rem;width:1rem;margin:0;padding:0;border:0 none;background:transparent;color:#fff}.l5r5e.npc article{min-height:auto;display:flex}.l5r5e.npc article .items-content{flex:0 0 calc(100% - 0.5rem);margin:0.5rem 0.25rem 0}.l5r5e nav.sheet-tabs{font-family:"BrushtipTexe",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;text-align:center;font-size:1rem;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:-0.9rem;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:-0.9rem;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.sheet article .skills-wrapper,.l5r5e.sheet article .techniques-wrapper{flex:50%}.l5r5e.sheet article .skills-wrapper>li,.l5r5e.sheet article .techniques-wrapper>li{display:flex;flex-wrap:wrap;font-size:0.85rem;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% 0, 100% 100%, 100% 100%, 0 100%, 0 100%);clip-path:polygon(0% var(--notchSize), var(--notchSize) 0%, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%)}.l5r5e.sheet article .skills-wrapper>li h4,.l5r5e.sheet article .techniques-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 .techniques-wrapper>li ul{flex:50%;padding:0.25rem 0.5rem 0.25rem 0}.l5r5e.sheet article .skills-wrapper>li ul li,.l5r5e.sheet article .techniques-wrapper>li ul li{text-align:left;line-height:2rem;margin:0.25rem 0}.l5r5e.sheet article .skills-wrapper>li ul li.skill,.l5r5e.sheet article .techniques-wrapper>li ul li.skill{text-align:right}.l5r5e.sheet article .skills-wrapper>li ul li.skill span,.l5r5e.sheet article .techniques-wrapper>li ul li.skill span{color:rgba(0,0,0,0.5)}.l5r5e.sheet article .skills-wrapper>li ul li.skill[data-skill="melee"] span,.l5r5e.sheet article .skills-wrapper>li ul li.skill[data-skill="ranged"] span,.l5r5e.sheet article .skills-wrapper>li ul li.skill[data-skill="unarmed"] span,.l5r5e.sheet article .techniques-wrapper>li ul li.skill[data-skill="melee"] span,.l5r5e.sheet article .techniques-wrapper>li ul li.skill[data-skill="ranged"] span,.l5r5e.sheet article .techniques-wrapper>li ul li.skill[data-skill="unarmed"] span{float:left;line-height:1rem;width:calc(100% - 2rem)}.l5r5e.sheet article .skills-wrapper>li ul.skill-category-ring-actions,.l5r5e.sheet article .techniques-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 .techniques-wrapper>li input{width:1.75rem;height:1.75rem;text-align:center}.l5r5e.sheet article .skills-wrapper>li:last-child,.l5r5e.sheet article .techniques-wrapper>li:last-child{margin:0}.l5r5e .item-list{flex:100%}.l5r5e .item-list .item .item-header{display:flex}.l5r5e .item-list .item .item-header .item-img{flex:0 0 32px;padding-right:0.25rem}.l5r5e .item-list .item .item-header .item-img img{border:1px solid rgba(0,0,0,0.1)}.l5r5e .item-list .item .item-header .item-name{flex:1 1 auto}.l5r5e .item-list .item .item-header .item-edit,.l5r5e .item-list .item .item-header .item-delete,.l5r5e .item-list .item .item-header .technique-edit,.l5r5e .item-list .item .item-header .technique-delete{flex:0 0 1rem;padding:0 0.25rem}.l5r5e .item-list .item .item-header .icon-stat-container{padding:0 0.25rem}.l5r5e .item-list .item .item-description{flex:unset;display:block;height:0;overflow:hidden;background:rgba(0,0,0,0.05);transition:height 0.25s ease-in}.l5r5e .item-list .item:hover .item-description{height:5rem;overflow-y:auto;scrollbar-width:thin}.l5r5e .item-list .item p{font-size:0.85rem;margin:0;padding:0 0.5rem;max-width:100%}.l5r5e .item-list .item p:first-child{padding-top:0.5rem}.l5r5e .item-list .item p:last-child{padding-bottom:0.5rem} diff --git a/system/styles/scss/colors.scss b/system/styles/scss/colors.scss index 37b6df8..9cefa91 100644 --- a/system/styles/scss/colors.scss +++ b/system/styles/scss/colors.scss @@ -17,6 +17,8 @@ $l5r5e-title: rgba(186, 187, 177, 0.5); $l5r5e-bold: rgb(118, 79, 64); // color label $l5r5e-label: rgb(90, 110, 90); +// color label +$l5r5e-label-light: rgba(90, 110, 90, 0.25); // color red $l5r5e-red: rgb(150, 60, 65); // color white 0.5 @@ -67,13 +69,15 @@ $l5r5e-lion: rgb(160, 140, 80); // Mantis $l5r5e-mantis: rgb(45, 85, 30); // Phoenix -$l5r5e-phoenix: rgb(145, 190, 175); +$l5r5e-phoenix: rgb(145, 120, 75); +// Tortoise +$l5r5e-tortoise: rgb(180, 200, 45); // Scorpion $l5r5e-scorpion: rgb(155, 70, 60); // Unicorn $l5r5e-unicorn: rgb(120, 90, 135); -// Spider -$l5r5e-spider: rgb(0, 0, 0); +// Imperial +$l5r5e-imperial: rgb(120, 255, 180); .Crab { } diff --git a/system/styles/scss/fonts.scss b/system/styles/scss/fonts.scss index aca457e..c4efe77 100644 --- a/system/styles/scss/fonts.scss +++ b/system/styles/scss/fonts.scss @@ -34,7 +34,7 @@ $font-primary: "PatrickHand", sans-serif; $font-secondary: "BrushtipTexe", sans-serif; $font-tertiary: "BrushtipTexe", sans-serif; $font-quaternary: "ArchitectsDaughter", sans-serif; -$font-dice: "LogotypeL5r", sans-serif; +$font-logoType: "LogotypeL5r", sans-serif; body { font: 16px $font-primary; @@ -73,7 +73,7 @@ i.i_water, i.i_fire, i.i_air, i.i_void { - font-family: LogotypeL5r; + font-family: $font-logoType; line-height: 1rem; font-style: normal; font-weight: normal; diff --git a/system/styles/scss/global.scss b/system/styles/scss/global.scss index 121bcd1..1ff66bb 100644 --- a/system/styles/scss/global.scss +++ b/system/styles/scss/global.scss @@ -109,9 +109,11 @@ input[type="time"] { } // Editors -.editor { +.editor, +.editor-content { flex: 1; height: 100%; + min-height: 5rem; } // Elements Colors diff --git a/system/styles/scss/npc.scss b/system/styles/scss/npc.scss index 268154b..c6383fb 100644 --- a/system/styles/scss/npc.scss +++ b/system/styles/scss/npc.scss @@ -1,48 +1,153 @@ &.npc { .sheet-header { + h1 { + &:before { + top: -50%; + left: -0.5rem; + } + } + img { + flex: 0 0 75px; + height: 75px; + width: 75px; + } fieldset { - flex: none; + flex: 1 1 100%; min-height: 2rem; width: 100%; } - } -} -.npc-skill { - display: flex; - width: 100%; - line-height: 2rem; - font-size: 0.75rem; - text-align: center; - li { - flex: 1; - padding: 0.25rem; - text-transform: uppercase; - color: $white; - &:nth-child(1) { - background: $l5r5e-void; - } - &:nth-child(2) { - background: $l5r5e-earth; - } - &:nth-child(3) { - background: $l5r5e-fire; - } - &:nth-child(4) { - background: $l5r5e-air; - } - &:nth-child(5) { - flex: 1.25; - background: $l5r5e-water; - } - } - input[type="text"] { - float: right; - height: 2rem; - width: 1rem; - margin: 0; - padding: 0; - border: 0 none; - background: transparent; - color: $white; + .identity-wrapper { + flex: 1 1 100%; + h1 { + margin: 0 0 1rem 1rem; + } + .identity-list { + flex: 0 0 100%; + display: flex; + margin-bottom: 0.5rem; + li { + flex: 1; + select { + width: 100%; + background: transparent; + border: 0 none; + text-transform: capitalize; + } + input { + font-size: 1.25rem; + height: 1.5rem; + line-height: 1.5rem; + } + } + } + } + .affinities { + display: flex; + flex-wrap: wrap; + select { + position: relative; + background: transparent; + border: 0 none; + margin: 0; + padding: 0; + text-align: left; + font-weight: bold; + margin: 0 0 0.25rem 0; + color: $l5r5e-label; + option { + font-family: $font-primary; + } + option:before { + font-family: $font-logoType; + line-height: 1rem; + font-style: normal; + font-weight: normal; + vertical-align: middle; + } + option[value="earth"]:before { + content: "g"; + } + option[value="water"]:before { + content: "w"; + } + option[value="fire"]:before { + content: "i"; + } + option[value="air"]:before { + content: "a"; + } + option[value="void"]:before { + content: "v"; + } + } + input { + font-size: 1rem; + flex: 1rem; + height: 1.5rem; + } + } + .social-content { + margin-bottom: 0.5rem; + .attitude { + height: 1.5rem; + padding-left: 0.25rem; + input { + height: 1rem; + } + input { + height: 1.5rem; + flex: 1; + margin-right: 0; + } + } + } + } + .npc-skill { + display: flex; + width: 100%; + line-height: 2rem; + font-size: 0.75rem; + text-align: center; + li { + flex: 1; + padding: 0.25rem; + text-transform: uppercase; + color: $white; + &:nth-child(1) { + background: $l5r5e-void; + } + &:nth-child(2) { + background: $l5r5e-earth; + } + &:nth-child(3) { + background: $l5r5e-fire; + } + &:nth-child(4) { + background: $l5r5e-air; + } + &:nth-child(5) { + flex: 1.25; + background: $l5r5e-water; + } + } + input[type="text"] { + float: right; + font-size: 1.25rem; + height: 2rem; + width: 1rem; + margin: 0; + padding: 0; + border: 0 none; + background: transparent; + color: $white; + } + } + article { + min-height: auto; + display: flex; + .items-content { + flex: 0 0 calc(100% - 0.5rem); + margin: 0.5rem 0.25rem 0; + } } } diff --git a/system/styles/scss/rings.scss b/system/styles/scss/rings.scss index 56da906..8075c0d 100644 --- a/system/styles/scss/rings.scss +++ b/system/styles/scss/rings.scss @@ -37,6 +37,8 @@ border-radius: 100%; top: 0; left: 0; + text-align: center; + font-size: 1rem; border: 2px solid $l5r5e-title; color: $white-light; &:hover { @@ -54,7 +56,7 @@ input { top: auto; right: 0; - bottom: -1rem; + bottom: -0.9rem; left: auto; background: $l5r5e-earth; } @@ -73,7 +75,7 @@ input { top: auto; right: auto; - bottom: -1rem; + bottom: -0.9rem; left: 0; background: $l5r5e-air; } diff --git a/system/styles/scss/sheets.scss b/system/styles/scss/sheets.scss index 8024afa..98ff57a 100644 --- a/system/styles/scss/sheets.scss +++ b/system/styles/scss/sheets.scss @@ -3,10 +3,17 @@ min-width: 600px; &.actor { .sheet-header { - height: 26.75rem; + height: 28rem; } .sheet-body { - height: calc(100% - 26.75rem); + height: calc(100% - 28rem); + } + .techniques-wrapper { + fieldset { + &:last-child { + margin: 0 0 0 0.5rem; + } + } } } &.item, @@ -34,7 +41,9 @@ flex: 0 0 100%; align-items: flex-start; input { - font-size: 1rem; + flex: 0 0 3rem; + font-size: 1.5rem; + height: 2rem; } h1 { flex: auto; @@ -50,7 +59,7 @@ background: transparent; border: 0 none; border-radius: 0; - border-bottom: 1px dotted $l5r5e-black; + border-bottom: 1px solid $l5r5e-label-light; } &:before { content: ""; @@ -60,6 +69,7 @@ height: 225px; width: 100%; z-index: -1; + top: -1.5rem; left: -0.25rem; } } @@ -83,15 +93,18 @@ ); } .header-fields { + position: relative; h2 { font-family: $font-secondary; - float: right; - width: 50%; + float: left; + width: 30%; padding: 0 0.25rem; - margin: 0; - text-align: right; - color: $l5r5e-black; - border-bottom: $white-light; + margin: 1rem 20% 0 0; + text-align: center; + color: $white; + text-shadow: 0 0 1px $l5r5e-label; + border-bottom: 0 none; + background: $l5r5e-title; --notchSize: 0.5rem; clip-path: polygon( 0% var(--notchSize), @@ -103,6 +116,19 @@ var(--notchSize) 100%, 0% calc(100%) ); + &.right { + margin: 1rem 0 0 20%; + clip-path: polygon( + 0% 0, + var(--notchSize) 0%, + calc(100% - var(--notchSize)) 0%, + 100% var(--notchSize), + 100% 100%, + 100% 100%, + var(--notchSize) 100%, + 0% calc(100% - var(--notchSize)) + ); + } &:before { content: ""; position: absolute; @@ -113,6 +139,7 @@ } .identity-wrapper { display: flex; + position: initial; flex-wrap: wrap; flex: 0 0 calc(100% - 150px - 1.05rem); .identity-content { @@ -132,87 +159,149 @@ } .rings { float: left; - width: calc(50% - 0.25rem); - padding: 0.25rem; - } - .social-content { - flex: 0 0 100%; - display: flex; - padding: 0.25rem; + width: 40%; + padding: 0; + position: relative; + top: -2.5rem; } + .social-content, .attributes-wrapper { - float: right; - width: calc(50% - 0.25rem); - padding: 0.5rem; + flex: none; + float: left; + width: 30%; + flex-direction: column; display: flex; - flex-wrap: wrap; - flex-direction: row; - background: $l5r5e-title; - --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%) - ); + padding: 0.5rem 0 0 0.25rem; + border-left: 2px solid $l5r5e-title; + li { + position: relative; + &:before { + content: ""; + position: absolute; + background: linear-gradient($l5r5e-title, rgba(186, 187, 177, 0)); + height: 2px; + width: 100%; + top: -0.25rem; + left: -0.25rem; + } + &:nth-child(2) { + &:before { + width: 90%; + } + } + &:nth-child(3) { + &:before { + width: 80%; + } + } + &:nth-child(4) { + &:before { + width: 90%; + } + } + } label { display: flex; color: $l5r5e-label; text-transform: uppercase; font-size: 0.75rem; - line-height: 2rem; - margin: 0 0.5rem; + height: 3rem; + margin: 0.25rem 0; + flex-direction: row-reverse; strong { - flex: 1 0 calc(100% - 3rem); + flex: 0 0 calc(100% - 3.5rem); } input { - flex: 0 0 2rem; + flex: 0 0 3rem; + margin: 0 0.25rem; + height: 2.5rem; &[disabled] { - flex: 0 0 2rem; + flex: 0 0 3rem; background: transparent; } } } + } + .attributes-wrapper { + padding: 0.5rem 0.25rem 0 0; + border-left: 0 none; + border-right: 2px solid $l5r5e-title; + li { + &:before { + left: auto; + right: -0.25rem; + } + &.void-content { + &:before { + width: 0; + } + } + } + label { + flex-direction: row; + strong { + text-align: right; + } + &:nth-child(2) { + position: relative; + flex: 50%; + right: 1.5rem; + strong { + position: absolute; + top: 0; + left: 0; + font-size: 0.65rem; + width: 3rem; + color: $l5r5e-black; + } + input { + border-top: 0 none; + font-size: 1.25rem; + padding-top: 0.75rem; + } + } + } .endurance-content, .composure-content { - flex: 1; - label { - &:nth-child(2) { - display: flex; - flex-direction: column; - flex-wrap: wrap; - input { - flex: 1rem; - margin: 0 0 0.25rem; - } - } - } - } - .focus-content, - .vigilante-content { - flex: 0 0 50%; - label { - flex: 1; - input { - flex: 1rem; + input { + &[disabled] { + flex: 0 0 4.75rem; + padding-right: 3rem; } } } .void-content { display: flex; + position: absolute; + bottom: 0.25rem; + right: 35%; + width: 10rem; label { - flex: 1; + margin: 0; + strong { + flex: 1 0 calc(100% - 5rem); + padding: 0 0.25rem; + } input { - flex: 1rem; + &:nth-child(2) { + flex: 3rem; + padding-right: 1.25rem; + } + &:last-child { + flex: 1; + border: 0 none; + font-size: 1rem; + text-align: left; + padding-left: 0.25rem; + padding-top: 0.75rem; + position: relative; + right: 2rem; + } } } } li { - position: relative; + display: flex; p { display: none; z-index: 2; @@ -220,6 +309,8 @@ background: rgba(0, 0, 0, 0.5); color: #fff; padding: 0.25rem; + bottom: -75%; + right: 0; --notchSize: 0.5rem; clip-path: polygon( 0% 0, @@ -239,8 +330,7 @@ } } } - .identity-wrapper label, - .social-content label { + .identity-wrapper label { display: flex; color: $l5r5e-label; text-transform: uppercase; @@ -329,11 +419,4 @@ } } } - .techniques-wrapper { - fieldset { - &:last-child { - margin: 0 0 0 0.5rem; - } - } - } } diff --git a/system/styles/scss/skills.scss b/system/styles/scss/skills.scss index 205f14b..864e416 100644 --- a/system/styles/scss/skills.scss +++ b/system/styles/scss/skills.scss @@ -12,11 +12,11 @@ border: 1px solid $l5r5e-title; --notchSize: 0.75rem; clip-path: polygon( - 0 var(--notchSize), - var(--notchSize) 0, + 0% var(--notchSize), + var(--notchSize) 0%, 100% 0, - 100% var(--notchSize), - 100% calc(100% - var(--notchSize)), + 100% 0, + 100% 100%, 100% 100%, 0 100%, 0 100% diff --git a/system/styles/scss/ui.scss b/system/styles/scss/ui.scss index 3fff95f..afb9a14 100644 --- a/system/styles/scss/ui.scss +++ b/system/styles/scss/ui.scss @@ -151,7 +151,7 @@ button { } .sidebar-tab { .chat-control-icon { - cursor: url("../l5r-ui/ui/cursors/pointer.webp"), pointer; + cursor: url("../assets/cursors/pointer.webp"), pointer; } .action-buttons button { cursor: default; @@ -494,10 +494,19 @@ button { } // Dialog -.dialog { - .dialog-buttons { - button { - line-height: 1rem; +.dialo { + .logo-dialog { + height: 125px; + .dialog-buttons { + button { + line-height: 1rem; + } + } + .dialog-content { + height: 1rem; + p { + margin: 0; + } } } } diff --git a/system/templates/actors/character-sheet.html b/system/templates/actors/character-sheet.html index 27d9474..25c5199 100644 --- a/system/templates/actors/character-sheet.html +++ b/system/templates/actors/character-sheet.html @@ -7,8 +7,9 @@ {{> 'systems/l5r5e/templates/actors/character/identity.html' }}