2 lines
36 KiB
CSS
2 lines
36 KiB
CSS
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}
|