diff --git a/resources/public/css/compiled/styles.css b/resources/public/css/compiled/styles.css index b3a837b65..ee56c1e9f 100644 --- a/resources/public/css/compiled/styles.css +++ b/resources/public/css/compiled/styles.css @@ -1 +1 @@ -.character-builder-header{margin-bottom:19px}.registration-content{width:785px;min-height:600px}.registration-input{min-width:438px}p{margin:10px 0}a,a:visited{color:#f0a100}select{font-family:Open Sans,sans-serif;color:white;background-color:transparent}*:focus{outline:0}.sticky-header{top:0;box-shadow:0 2px 6px 0 rgba(0,0,0,0.5);z-index:100;display:none;background-color:#313a4d}.container{display:flex;justify-content:center}.content{max-width:1440px;width:100%}.app-header{background-color:black;background-image:url(/../../image/header-background.jpg);background-position:right center;background-size:cover;height:227px}.header-tab{background-color:rgba(0,0,0,0.5)}.header-tab.mobile{width:30px}.header-tab.mobile .title{display:none}.header-tab.mobile img{height:24px;width:24px}.item-list{border-top:1px solid rgba(255,255,255,0.5)}.item-list-item{border-bottom:1px solid rgba(255,255,255,0.5)}.app-header-bar{min-height:81px;background-color:rgba(0,0,0,0.25)}.builder-column{display:none;margin:0 5px}.stepper-column{margin-right:-10px}table.striped tr:nth-child(even){background-color:rgba(255,255,255,0.1)}.builder-option{border-width:1px;border-style:solid;border-color:rgba(255,255,255,0.5);border-radius:5px;padding:10px;margin-top:5px;font-weight:normal}.builder-tabs{display:flex;padding:10px;text-transform:uppercase;font-weight:600}.builder-tab{flex-grow:1;padding-bottom:13px;text-align:center;cursor:pointer;border-bottom:5px solid rgba(72,72,72,0.37)}.builder-tab .builder-tab-text{opacity:.2}.selected-builder-tab{border-bottom-color:#f1a20f}.selected-builder-tab .builder-tab-text{opacity:1}.collapsed-list-builder-option{padding:1px}.disabled-builder-option{color:rgba(255,255,255,0.5);border-color:rgba(255,255,255,0.25);cursor:auto}.selectable-builder-option:hover{border-color:#f1a20f;box-shadow:0 2px 6px 0 rgba(0,0,0,0.5);cursor:pointer}.builder-selector{padding:5px;font-size:14px;margin-top:10px}.builder-selector-header{font-size:18px;font-weight:normal}.builder-option-dropdown{background-color:transparent;width:100%;cursor:pointer;border:1px solid white;color:white;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.builder-option-dropdown:active,.builder-option-dropdown:focus{outline:0}.builder-dropdown-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:black}.selected-builder-option{border-width:3px;border-color:white;font-weight:bold}.remove-item-button{color:#f0a100;font-size:16px;margin-left:5px;cursor:pointer}.add-item-button{margin-top:19px;color:#f0a100;font-weight:600;text-decoration:underline;cursor:pointer}.list-selector-option{display:flex;align-items:center}.expand-collapse-button{font-size:12px;max-width:100px;margin-left:10px;color:#f0a100;text-decoration:underline;cursor:pointer;text-align:right}.fa-caret-square-o-down{color:#f0a100}.expand-collapse-button:hover{color:#f0a100}.abilities-polygon{transition:points 2s;-webkit-transition:points 2s}.display-section-qualifier-text{font-size:12px;margin-left:5px}.form-button{border:0;text-transform:uppercase;padding:10px 15px;cursor:pointer;font-weight:600;font-size:12px;border-radius:5px;background-image:linear-gradient(to bottom,#f1a20f,#dbab50);color:white}.form-button:hover{box-shadow:0 2px 6px 0 rgba(0,0,0,0.5)}.form-button.disabled{opacity:.5;cursor:not-allowed}.form-button.disabled:hover{box-shadow:none}.link-button{border:0;text-transform:uppercase;padding:10px 15px;cursor:pointer;text-decoration:underline;font-size:12px;background-color:transparent;border-radius:5px;color:#f0a100}.link-button.disabled{opacity:.5;cursor:not-allowed}.field{margin-top:30px}.field-label{font-size:14px}.personality-label{font-size:18px}.input{width:100%;border:1px solid white;padding:10px;margin-top:5px;font-size:14px;background-color:transparent;border-radius:5px;box-sizing:border-box;display:block;color:white}.checkbox-parent{display:flex;padding:11px 0;align-items:center}.checkbox{width:16px;height:16px;box-shadow:0 1px 0 0 #f0a100;background-color:white;cursor:pointer}.checkbox .fa-check{font-size:14px;margin:1px}.checkbox.checked.disabled{background-color:rgba(255,255,255,0.37);cursor:not-allowed}.checkbox-text{margin-left:5px}#selection-stepper{transition:top 2s ease-in-out;width:240px;position:relative;top:0}.selection-stepper-inner{position:absolute}.selection-stepper-main{width:200px;border:1px solid white;border-radius:5px;padding:10px;background-color:#1a1e28;box-shadow:0 2px 6px 0 rgba(0,0,0,0.5)}.selection-stepper-title{font-size:18px;color:#f0a100}.selection-stepper-help{font-size:14px;font-weight:100}.selection-stepper-footer{justify-content:flex-end}.option-header{display:flex;justify-content:space-between;align-items:center}.app.light-theme{background-image:linear-gradient(182deg,#fff,#ddd)}.app.light-theme select{font-family:Open Sans,sans-serif;color:black;background-color:transparent}.app.light-theme .item-list{border-top:1px solid rgba(0,0,0,0.5)}.app.light-theme .link-button{color:#363636}.app.light-theme .item-list-item{border-bottom:1px solid rgba(0,0,0,0.5)}.app.light-theme .main-text-color{color:#363636;fill:#363636}.app.light-theme .stroke-color{stroke:#363636}.app.light-theme .input{width:100%;border:1px solid #282828;padding:10px;margin-top:5px;font-size:14px;background-color:transparent;border-radius:5px;box-sizing:border-box;display:block;color:black}.app.light-theme .form-button{background-image:linear-gradient(to bottom,#33658a,#33658a)}.app.light-theme .orange{color:rgba(0,0,0,0.8)}.app.light-theme .b-orange{border-color:rgba(0,0,0,0.6)}.app.light-theme .text-shadow{text-shadow:none}.app.light-theme .bg-light{background-color:rgba(0,0,0,0.4)}.app.light-theme .bg-lighter{background-color:rgba(0,0,0,0.15)}.app.light-theme .b-color-gray{border-color:rgba(0,0,0,0.3)}.app.light-theme .builder-option-dropdown{border:1px solid #282828;color:#282828}.app.light-theme .builder-option-dropdown:active,.app.light-theme .builder-option-dropdown:focus{outline:0}.app.light-theme .builder-dropdown-item{background-color:white;color:#282828}.app.light-theme .sticky-header{background-color:white}.app.light-theme table.striped tr:nth-child(even){background-color:rgba(0,0,0,0.1)}.m-l--1{margin-left:-1px !important}.m-l-0{margin-left:0 !important}.m-l-1{margin-left:1px !important}.m-l-2{margin-left:2px !important}.m-l-3{margin-left:3px !important}.m-l-4{margin-left:4px !important}.m-l-5{margin-left:5px !important}.m-l-6{margin-left:6px !important}.m-l-7{margin-left:7px !important}.m-l-8{margin-left:8px !important}.m-l-9{margin-left:9px !important}.m-l-10{margin-left:10px !important}.m-l-15{margin-left:15px !important}.m-l-20{margin-left:20px !important}.m-l-25{margin-left:25px !important}.m-l-30{margin-left:30px !important}.m-l-35{margin-left:35px !important}.m-l-40{margin-left:40px !important}.m-l-45{margin-left:45px !important}.m-l-50{margin-left:50px !important}.m-t-0{margin-top:0 !important}.m-t-1{margin-top:1px !important}.m-t-2{margin-top:2px !important}.m-t-3{margin-top:3px !important}.m-t-4{margin-top:4px !important}.m-t-5{margin-top:5px !important}.m-t-6{margin-top:6px !important}.m-t-7{margin-top:7px !important}.m-t-8{margin-top:8px !important}.m-t-9{margin-top:9px !important}.m-t-21{margin-top:21px !important}.m-t-10{margin-top:10px !important}.m-t-15{margin-top:15px !important}.m-t-20{margin-top:20px !important}.m-t-25{margin-top:25px !important}.w-12{width:12px !important}.w-14{width:14px !important}.w-15{width:15px !important}.w-18{width:18px !important}.w-20{width:20px !important}.w-24{width:24px !important}.w-32{width:32px !important}.w-36{width:36px !important}.w-40{width:40px !important}.w-48{width:48px !important}.w-50{width:50px !important}.w-60{width:60px !important}.w-70{width:70px !important}.w-80{width:80px !important}.w-85{width:85px !important}.w-90{width:90px !important}.w-100{width:100px !important}.w-110{width:110px !important}.w-120{width:120px !important}.w-200{width:200px !important}.w-220{width:220px !important}.w-250{width:250px !important}.w-300{width:300px !important}.w-500{width:500px !important}.w-1440{width:1440px !important}.f-s-10{font-size:10px}.f-s-11{font-size:11px}.f-s-12{font-size:12px !important}.f-s-14{font-size:14px !important}.f-s-16{font-size:16px !important}.f-s-18{font-size:18px !important}.f-s-20{font-size:20px !important}.f-s-24{font-size:24px !important}.f-s-28{font-size:28px}.f-s-32{font-size:32px !important}.f-s-36{font-size:36px !important}.f-s-48{font-size:48px !important}.sans{font-family:Open Sans,sans-serif}.flex{display:flex}.inline-block{display:inline-block}.flex-column{flex-direction:column}.list-style-disc{list-style-type:disc;list-style-position:inside}.f-w-bold{font-weight:bold}.flex-grow-1{flex-grow:1}.flex-basis-50-p{flex-basis:50%}.i{font-style:italic}.f-w-n{font-weight:normal}.f-w-b{font-weight:bold}.f-w-600{font-weight:600}.l-h-19{line-height:19px}.l-h-20{line-height:20px}.m-r--10{margin-right:-10px}.m-r--5{margin-right:-5px}.m-r-2{margin-right:2px}.m-r-5{margin-right:5px}.m-r-10{margin-right:10px}.m-r-18{margin-right:18px}.m-r-20{margin-right:20px}.m-r-30{margin-right:30px}.m-r-80{margin-right:80px}.m-t--10{margin-top:-10px}.m-t--20{margin-top:-20px}.m-t--5{margin-top:-5px}.m-t-2{margin-top:2px}.m-t-20{margin-top:20px}.m-t-30{margin-top:30px}.m-t-40{margin-top:40px}.m-t-21{margin-top:21px}.opacity-0{opacity:0}.opacity-1{opacity:.1}.opacity-2{opacity:.2}.opacity-5{opacity:.5}.opacity-6{opacity:.6}.opacity-7{opacity:.7}.opacity-9{opacity:.9}.m-b--2{margin-bottom:-2px}.m-b--1{margin-bottom:-1px}.m-b-0-last:last-child{margin-bottom:0}.m-b-2{margin-bottom:2px}.m-b-5{margin-bottom:5px}.m-b-10{margin-bottom:10px}.m-b-16{margin-bottom:16px}.m-b-19{margin-bottom:19px}.m-b-20{margin-bottom:20px}.m-b-30{margin-bottom:30px}.m-b-40{margin-bottom:40px}.m-l--10{margin-left:-10px}.m-l--5{margin-left:-5px}.m-l-30{margin-left:30px}.m-5{margin:5px}.text-shadow{text-shadow:1px 2px 1px black}.white-text-shadow{text-shadow:1px 2px 1px white}.slight-text-shadow{text-shadow:1px 1px 1px rgba(0,0,0,0.8)}.hover-shadow:hover,.shadow{box-shadow:0 2px 6px 0 rgba(0,0,0,0.5)}.hover-no-shadow:hover{box-shadow:none}.hover-underline:hover{text-decoration:underline}.orange-shadow{box-shadow:0 1px 0 0 #f0a100}.t-a-c{text-align:center}.t-a-l{text-align:left}.t-a-r{text-align:right}.justify-cont-s-b{justify-content:space-between}.justify-cont-s-a{justify-content:space-around}.justify-cont-c{justify-content:center}.justify-cont-end{justify-content:flex-end}.align-items-c{align-items:center}.align-items-t{align-items:flex-start}.align-items-end{align-items:flex-end}.flex-wrap{flex-wrap:wrap}.w-auto{width:auto}.w-40-p{width:40%}.w-50-p{width:50%}.w-60-p{width:60%}.w-100-p{width:100%}.h-0{height:0}.h-12{height:12px}.h-14{height:14px}.h-15{height:15px}.h-18{height:18px}.h-20{height:20px}.h-24{height:24px}.h-25{height:25px}.h-32{height:32px}.h-36{height:36px}.h-40{height:40px}.h-48{height:48px}.h-60{height:60px}.h-72{height:72px}.h-120{height:120px}.h-200{height:200px}.h-800{height:800px}.h-100-p{height:100%}.overflow-auto{overflow:auto}.posn-rel{position:relative}.posn-abs{position:absolute}.posn-fixed{position:fixed}.main-text-color{color:white;fill:white}.stroke-color{stroke:white}.white{color:white}.black{color:#191919}.orange{color:#f0a100}.orange a,.orange a:visited{color:#f0a100}.green{color:#70a800}.green a,.green a:visited{color:#70a800}.red{color:#9a031e}.red a,.red a:visited{color:#9a031e}.uppercase{text-transform:uppercase}.bg-trans{background-color:transparent}.bg-white{background-color:white}.bg-slight-white{background-color:rgba(255,255,255,0.05)}.no-border{border:0}.underline{text-decoration:underline}.no-text-decoration{text-decoration:none}.p-t-0{padding-top:0}.p-t-2{padding-top:2px}.p-t-3{padding-top:3px}.p-t-4{padding-top:4px}.p-t-5{padding-top:5px}.p-t-10{padding-top:10px}.p-t-20{padding-top:20px}.p-b-5{padding-bottom:5px}.p-b-10{padding-bottom:10px}.p-b-20{padding-bottom:20px}.p-b-40{padding-bottom:40px}.p-0{padding:0}.p-1{padding:1px}.p-2{padding:2px}.p-5{padding:5px}.p-10{padding:10px}.p-20{padding:20px}.p-30{padding:30px}.p-5-10{padding:5px 10px}.p-l-0{padding-left:0}.p-l-5{padding-left:5px}.p-l-10{padding-left:10px}.p-l-15{padding-left:15px}.p-l-20{padding-left:20px}.p-r-5{padding-right:5px}.p-r-10{padding-right:10px}.p-r-20{padding-right:20px}.p-r-40{padding-right:40px}.b-rad-50-p{border-radius:50%}.b-rad-5{border-radius:5px}.b-1{border:1px solid}.b-3{border:3px solid}.b-b-2{border-bottom:2px solid}.b-w-3{border-width:3px}.b-w-5{border-width:5px}.b-color-gray{border-color:rgba(255,255,255,0.2)}ul.list-style-disc{list-style-type:disc}.hidden{display:none}@keyframes fade-out{from{opacity:1;height:100%}50%{opacity:0;height:100%}to{height:0}}.pointer{cursor:pointer}.cursor-disabled{cursor:not-allowed}.c-f4692a{color:#f4692a}.c-f32e50{color:#f32e50}.c-b35c95{color:#b35c95}.c-47eaf8{color:#47eaf8}.c-bbe289{color:#bbe289}.c-f9b747{color:#f9b747}.b-orange{border-color:#f0a100}.b-red{border-color:#9a031e}.b-gray{border-color:rgba(72,72,72,0.37)}.hover-slight-white:hover{background-color:#2c3445;opacity:.2}.hover-opacity-full:hover{opacity:1.0}.bg-light{background-color:rgba(72,72,72,0.2)}.bg-lighter{background-color:rgba(0,0,0,0.15)}.bg-orange{background-color:#f0a100}.bg-red{background-color:#9a031e}.bg-green{background-color:#70a800}.fade-out{animation-name:fade-out;animation-duration:5s}.no-appearance{-webkit-appearance:none;-moz-appearance:none;appearance:none}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media(max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media(max-width:767px){.visible-xs-block{display:block !important}}@media(max-width:767px){.visible-xs-inline{display:inline !important}}@media(max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media(min-width:768px) and (max-width:991px){.visible-sm{display:block !important;display:table !important;display:table-row !important;display:table-cell !important}table.visible-sm tr.visible-sm th.visible-sm td.visible-sm}@media(min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media(min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media(min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block !important;display:table !important;display:table-row !important;display:table-cell !important}table.visible-md tr.visible-md th.visible-md td.visible-md}@media(min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media(min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media(min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media(min-width:1200px){.visible-lg{display:block !important;display:table !important;display:table-row !important;display:table-cell !important}table.visible-lg tr.visible-lg th.visible-lg td.visible-lg}@media(min-width:1200px){.visible-lg-inline{display:inline !important}}@media(min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media(max-width:767px){.hidden-xs{display:none !important}}@media(min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media(min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media(min-width:1200px){.hidden-lg{display:none !important}}@media print{.visible-print{display:block !important}th.visible-print,td.visible-print{display:table-cell !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}@media(max-width:767px){.user-icon{display:none}.list-character-summary{font-size:18px}.character-summary{flex-wrap:wrap}.app-header{height:auto;background-image:none;background-color:rgba(0,0,0,0.3);min-height:0}.app-header-bar{min-height:50px;backdrop-filter:none;-webkit-backdrop-filter:none}.content{width:100%}.header-button-text,.header-links{display:none}}@media(max-width:1199px){.registration-image{display:none}.registration-content{width:100%;height:100%}.registration-input{width:100%}} \ No newline at end of file +.character-builder-header{margin-bottom:19px}.senses{width:450px}.notes{width:350px}.registration-content{width:785px;min-height:600px}.registration-input{min-width:438px}p{margin:10px 0}a,a:visited{color:#f0a100}select{font-family:Open Sans,sans-serif;color:white;background-color:transparent}*:focus{outline:0}.sticky-header{top:0;box-shadow:0 2px 6px 0 rgba(0,0,0,0.5);z-index:100;display:none;background-color:#313a4d}.container{display:flex;justify-content:center}.content{max-width:1440px;width:100%}.app-header{background-color:black;background-image:url(/../../image/header-background.jpg);background-position:right center;background-size:cover;height:227px}.header-tab{background-color:rgba(0,0,0,0.5)}.header-tab.mobile{width:30px}.header-tab.mobile .title{display:none}.header-tab.mobile img{height:24px;width:24px}.item-list{border-top:1px solid rgba(255,255,255,0.5)}.item-list-item{border-bottom:1px solid rgba(255,255,255,0.5)}.app-header-bar{min-height:81px;background-color:rgba(0,0,0,0.25)}.builder-column{display:none;margin:0 5px}.stepper-column{margin-right:-10px}table.striped tr:nth-child(even){background-color:rgba(255,255,255,0.1)}.builder-option{border-width:1px;border-style:solid;border-color:rgba(255,255,255,0.5);border-radius:5px;padding:10px;margin-top:5px;font-weight:normal}.builder-tabs{display:flex;padding:10px;text-transform:uppercase;font-weight:600}.builder-tab{flex-grow:1;padding-bottom:13px;text-align:center;cursor:pointer;border-bottom:5px solid rgba(72,72,72,0.37)}.builder-tab .builder-tab-text{opacity:.2}.selected-builder-tab{border-bottom-color:#f1a20f}.selected-builder-tab .builder-tab-text{opacity:1}.collapsed-list-builder-option{padding:1px}.disabled-builder-option{color:rgba(255,255,255,0.5);border-color:rgba(255,255,255,0.25);cursor:auto}.selectable-builder-option:hover{border-color:#f1a20f;box-shadow:0 2px 6px 0 rgba(0,0,0,0.5);cursor:pointer}.builder-selector{padding:5px;font-size:14px;margin-top:10px}.builder-selector-header{font-size:18px;font-weight:normal}.builder-option-dropdown{background-color:transparent;width:100%;cursor:pointer;border:1px solid white;color:white;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.builder-option-dropdown:active,.builder-option-dropdown:focus{outline:0}.builder-dropdown-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:black}.selected-builder-option{border-width:3px;border-color:white;font-weight:bold}.remove-item-button{color:#f0a100;font-size:16px;margin-left:5px;cursor:pointer}.add-item-button{margin-top:19px;color:#f0a100;font-weight:600;text-decoration:underline;cursor:pointer}.list-selector-option{display:flex;align-items:center}.expand-collapse-button{font-size:12px;max-width:100px;margin-left:10px;color:#f0a100;text-decoration:underline;cursor:pointer;text-align:right}.fa-caret-square-o-down{color:#f0a100}.expand-collapse-button:hover{color:#f0a100}.abilities-polygon{transition:points 2s;-webkit-transition:points 2s}.display-section-qualifier-text{font-size:12px;margin-left:5px}.form-button{border:0;text-transform:uppercase;padding:10px 15px;cursor:pointer;font-weight:600;font-size:12px;border-radius:5px;background-image:linear-gradient(to bottom,#f1a20f,#dbab50);color:white}.form-button:hover{box-shadow:0 2px 6px 0 rgba(0,0,0,0.5)}.form-button.disabled{opacity:.5;cursor:not-allowed}.form-button.disabled:hover{box-shadow:none}.link-button{border:0;text-transform:uppercase;padding:10px 15px;cursor:pointer;text-decoration:underline;font-size:12px;background-color:transparent;border-radius:5px;color:#f0a100}.link-button.disabled{opacity:.5;cursor:not-allowed}.field{margin-top:30px}.field-label{font-size:14px}.personality-label{font-size:18px}.input{width:100%;border:1px solid white;padding:10px;margin-top:5px;font-size:14px;background-color:transparent;border-radius:5px;box-sizing:border-box;display:block;color:white}.checkbox-parent{display:flex;padding:11px 0;align-items:center}.checkbox{width:16px;height:16px;box-shadow:0 1px 0 0 #f0a100;background-color:white;cursor:pointer}.checkbox .fa-check{font-size:14px;margin:1px}.checkbox.checked.disabled{background-color:rgba(255,255,255,0.37);cursor:not-allowed}.checkbox-text{margin-left:5px}#selection-stepper{transition:top 2s ease-in-out;width:240px;position:relative;top:0}.selection-stepper-inner{position:absolute}.selection-stepper-main{width:200px;border:1px solid white;border-radius:5px;padding:10px;background-color:#1a1e28;box-shadow:0 2px 6px 0 rgba(0,0,0,0.5)}.selection-stepper-title{font-size:18px;color:#f0a100}.selection-stepper-help{font-size:14px;font-weight:100}.selection-stepper-footer{justify-content:flex-end}.option-header{display:flex;justify-content:space-between;align-items:center}.app.light-theme{background-image:linear-gradient(182deg,#fff,#ddd)}.app.light-theme select{font-family:Open Sans,sans-serif;color:black;background-color:transparent}.app.light-theme .item-list{border-top:1px solid rgba(0,0,0,0.5)}.app.light-theme .link-button{color:#363636}.app.light-theme .item-list-item{border-bottom:1px solid rgba(0,0,0,0.5)}.app.light-theme .main-text-color{color:#363636;fill:#363636}.app.light-theme .stroke-color{stroke:#363636}.app.light-theme .input{width:100%;border:1px solid #282828;padding:10px;margin-top:5px;font-size:14px;background-color:transparent;border-radius:5px;box-sizing:border-box;display:block;color:black}.app.light-theme .form-button{background-image:linear-gradient(to bottom,#33658a,#33658a)}.app.light-theme .orange{color:rgba(0,0,0,0.8)}.app.light-theme .b-orange{border-color:rgba(0,0,0,0.6)}.app.light-theme .text-shadow{text-shadow:none}.app.light-theme .bg-light{background-color:rgba(0,0,0,0.4)}.app.light-theme .bg-lighter{background-color:rgba(0,0,0,0.15)}.app.light-theme .b-color-gray{border-color:rgba(0,0,0,0.3)}.app.light-theme .builder-option-dropdown{border:1px solid #282828;color:#282828}.app.light-theme .builder-option-dropdown:active,.app.light-theme .builder-option-dropdown:focus{outline:0}.app.light-theme .builder-dropdown-item{background-color:white;color:#282828}.app.light-theme .sticky-header{background-color:white}.app.light-theme table.striped tr:nth-child(even){background-color:rgba(0,0,0,0.1)}.m-l--1{margin-left:-1px !important}.m-l-0{margin-left:0 !important}.m-l-1{margin-left:1px !important}.m-l-2{margin-left:2px !important}.m-l-3{margin-left:3px !important}.m-l-4{margin-left:4px !important}.m-l-5{margin-left:5px !important}.m-l-6{margin-left:6px !important}.m-l-7{margin-left:7px !important}.m-l-8{margin-left:8px !important}.m-l-9{margin-left:9px !important}.m-l-10{margin-left:10px !important}.m-l-15{margin-left:15px !important}.m-l-20{margin-left:20px !important}.m-l-25{margin-left:25px !important}.m-l-30{margin-left:30px !important}.m-l-35{margin-left:35px !important}.m-l-40{margin-left:40px !important}.m-l-45{margin-left:45px !important}.m-l-50{margin-left:50px !important}.m-t-0{margin-top:0 !important}.m-t-1{margin-top:1px !important}.m-t-2{margin-top:2px !important}.m-t-3{margin-top:3px !important}.m-t-4{margin-top:4px !important}.m-t-5{margin-top:5px !important}.m-t-6{margin-top:6px !important}.m-t-7{margin-top:7px !important}.m-t-8{margin-top:8px !important}.m-t-9{margin-top:9px !important}.m-t-21{margin-top:21px !important}.m-t-10{margin-top:10px !important}.m-t-15{margin-top:15px !important}.m-t-20{margin-top:20px !important}.m-t-25{margin-top:25px !important}.w-12{width:12px !important}.w-14{width:14px !important}.w-15{width:15px !important}.w-18{width:18px !important}.w-20{width:20px !important}.w-24{width:24px !important}.w-32{width:32px !important}.w-36{width:36px !important}.w-40{width:40px !important}.w-48{width:48px !important}.w-50{width:50px !important}.w-60{width:60px !important}.w-70{width:70px !important}.w-80{width:80px !important}.w-85{width:85px !important}.w-90{width:90px !important}.w-100{width:100px !important}.w-110{width:110px !important}.w-120{width:120px !important}.w-200{width:200px !important}.w-220{width:220px !important}.w-250{width:250px !important}.w-300{width:300px !important}.w-500{width:500px !important}.w-1440{width:1440px !important}.f-s-10{font-size:10px}.f-s-11{font-size:11px}.f-s-12{font-size:12px !important}.f-s-14{font-size:14px !important}.f-s-16{font-size:16px !important}.f-s-18{font-size:18px !important}.f-s-20{font-size:20px !important}.f-s-24{font-size:24px !important}.f-s-28{font-size:28px}.f-s-32{font-size:32px !important}.f-s-36{font-size:36px !important}.f-s-48{font-size:48px !important}.sans{font-family:Open Sans,sans-serif}.flex{display:flex}.inline-block{display:inline-block}.flex-column{flex-direction:column}.list-style-disc{list-style-type:disc;list-style-position:inside}.f-w-bold{font-weight:bold}.flex-grow-1{flex-grow:1}.flex-basis-50-p{flex-basis:50%}.i{font-style:italic}.f-w-n{font-weight:normal}.f-w-b{font-weight:bold}.f-w-600{font-weight:600}.l-h-19{line-height:19px}.l-h-20{line-height:20px}.m-r--10{margin-right:-10px}.m-r--5{margin-right:-5px}.m-r-2{margin-right:2px}.m-r-5{margin-right:5px}.m-r-10{margin-right:10px}.m-r-18{margin-right:18px}.m-r-20{margin-right:20px}.m-r-30{margin-right:30px}.m-r-80{margin-right:80px}.m-t--10{margin-top:-10px}.m-t--20{margin-top:-20px}.m-t--5{margin-top:-5px}.m-t-2{margin-top:2px}.m-t-20{margin-top:20px}.m-t-30{margin-top:30px}.m-t-40{margin-top:40px}.m-t-21{margin-top:21px}.opacity-0{opacity:0}.opacity-1{opacity:.1}.opacity-2{opacity:.2}.opacity-5{opacity:.5}.opacity-6{opacity:.6}.opacity-7{opacity:.7}.opacity-9{opacity:.9}.m-b--2{margin-bottom:-2px}.m-b--1{margin-bottom:-1px}.m-b-0-last:last-child{margin-bottom:0}.m-b-2{margin-bottom:2px}.m-b-5{margin-bottom:5px}.m-b-10{margin-bottom:10px}.m-b-16{margin-bottom:16px}.m-b-19{margin-bottom:19px}.m-b-20{margin-bottom:20px}.m-b-30{margin-bottom:30px}.m-b-40{margin-bottom:40px}.m-l--10{margin-left:-10px}.m-l--5{margin-left:-5px}.m-l-30{margin-left:30px}.m-5{margin:5px}.text-shadow{text-shadow:1px 2px 1px black}.white-text-shadow{text-shadow:1px 2px 1px white}.slight-text-shadow{text-shadow:1px 1px 1px rgba(0,0,0,0.8)}.hover-shadow:hover,.shadow{box-shadow:0 2px 6px 0 rgba(0,0,0,0.5)}.hover-no-shadow:hover{box-shadow:none}.hover-underline:hover{text-decoration:underline}.orange-shadow{box-shadow:0 1px 0 0 #f0a100}.t-a-c{text-align:center}.t-a-l{text-align:left}.t-a-r{text-align:right}.justify-cont-s-b{justify-content:space-between}.justify-cont-s-a{justify-content:space-around}.justify-cont-c{justify-content:center}.justify-cont-end{justify-content:flex-end}.align-items-c{align-items:center}.align-items-t{align-items:flex-start}.align-items-end{align-items:flex-end}.flex-wrap{flex-wrap:wrap}.w-auto{width:auto}.w-40-p{width:40%}.w-50-p{width:50%}.w-60-p{width:60%}.w-100-p{width:100%}.h-0{height:0}.h-12{height:12px}.h-14{height:14px}.h-15{height:15px}.h-18{height:18px}.h-20{height:20px}.h-24{height:24px}.h-25{height:25px}.h-32{height:32px}.h-36{height:36px}.h-40{height:40px}.h-48{height:48px}.h-60{height:60px}.h-72{height:72px}.h-120{height:120px}.h-200{height:200px}.h-800{height:800px}.h-100-p{height:100%}.overflow-auto{overflow:auto}.posn-rel{position:relative}.posn-abs{position:absolute}.posn-fixed{position:fixed}.main-text-color{color:white;fill:white}.stroke-color{stroke:white}.white{color:white}.black{color:#191919}.orange{color:#f0a100}.orange a,.orange a:visited{color:#f0a100}.green{color:#70a800}.green a,.green a:visited{color:#70a800}.red{color:#9a031e}.red a,.red a:visited{color:#9a031e}.uppercase{text-transform:uppercase}.bg-trans{background-color:transparent}.bg-white{background-color:white}.bg-slight-white{background-color:rgba(255,255,255,0.05)}.no-border{border:0}.underline{text-decoration:underline}.no-text-decoration{text-decoration:none}.p-t-0{padding-top:0}.p-t-2{padding-top:2px}.p-t-3{padding-top:3px}.p-t-4{padding-top:4px}.p-t-5{padding-top:5px}.p-t-10{padding-top:10px}.p-t-20{padding-top:20px}.p-b-5{padding-bottom:5px}.p-b-10{padding-bottom:10px}.p-b-20{padding-bottom:20px}.p-b-40{padding-bottom:40px}.p-0{padding:0}.p-1{padding:1px}.p-2{padding:2px}.p-5{padding:5px}.p-10{padding:10px}.p-20{padding:20px}.p-30{padding:30px}.p-5-10{padding:5px 10px}.p-l-0{padding-left:0}.p-l-5{padding-left:5px}.p-l-10{padding-left:10px}.p-l-15{padding-left:15px}.p-l-20{padding-left:20px}.p-r-5{padding-right:5px}.p-r-10{padding-right:10px}.p-r-20{padding-right:20px}.p-r-40{padding-right:40px}.b-rad-50-p{border-radius:50%}.b-rad-5{border-radius:5px}.b-1{border:1px solid}.b-3{border:3px solid}.b-b-2{border-bottom:2px solid}.b-w-3{border-width:3px}.b-w-5{border-width:5px}.b-color-gray{border-color:rgba(255,255,255,0.2)}ul.list-style-disc{list-style-type:disc}.hidden{display:none}@keyframes fade-out{from{opacity:1;height:100%}50%{opacity:0;height:100%}to{height:0}}.pointer{cursor:pointer}.cursor-disabled{cursor:not-allowed}.c-f4692a{color:#f4692a}.c-f32e50{color:#f32e50}.c-b35c95{color:#b35c95}.c-47eaf8{color:#47eaf8}.c-bbe289{color:#bbe289}.c-f9b747{color:#f9b747}.b-orange{border-color:#f0a100}.b-red{border-color:#9a031e}.b-gray{border-color:rgba(72,72,72,0.37)}.hover-slight-white:hover{background-color:#2c3445;opacity:.2}.hover-opacity-full:hover{opacity:1.0}.bg-light{background-color:rgba(72,72,72,0.2)}.bg-lighter{background-color:rgba(0,0,0,0.15)}.bg-orange{background-color:#f0a100}.bg-red{background-color:#9a031e}.bg-green{background-color:#70a800}.fade-out{animation-name:fade-out;animation-duration:5s}.no-appearance{-webkit-appearance:none;-moz-appearance:none;appearance:none}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media(max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media(max-width:767px){.visible-xs-block{display:block !important}}@media(max-width:767px){.visible-xs-inline{display:inline !important}}@media(max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media(min-width:768px) and (max-width:991px){.visible-sm{display:block !important;display:table !important;display:table-row !important;display:table-cell !important}table.visible-sm tr.visible-sm th.visible-sm td.visible-sm}@media(min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media(min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media(min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block !important;display:table !important;display:table-row !important;display:table-cell !important}table.visible-md tr.visible-md th.visible-md td.visible-md}@media(min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media(min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media(min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media(min-width:1200px){.visible-lg{display:block !important;display:table !important;display:table-row !important;display:table-cell !important}table.visible-lg tr.visible-lg th.visible-lg td.visible-lg}@media(min-width:1200px){.visible-lg-inline{display:inline !important}}@media(min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media(max-width:767px){.hidden-xs{display:none !important}}@media(min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media(min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media(min-width:1200px){.hidden-lg{display:none !important}}@media print{.visible-print{display:block !important}th.visible-print,td.visible-print{display:table-cell !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}@media(max-width:767px){.user-icon{display:none}.list-character-summary{font-size:18px}.character-summary{flex-wrap:wrap}.app-header{height:auto;background-image:none;background-color:rgba(0,0,0,0.3);min-height:0}.app-header-bar{min-height:50px;backdrop-filter:none;-webkit-backdrop-filter:none}.content{width:100%}.header-button-text,.header-links{display:none}}@media(max-width:1199px){.registration-image{display:none}.registration-content{width:100%;height:100%}.registration-input{width:100%}} \ No newline at end of file diff --git a/src/clj/orcpub/styles/core.clj b/src/clj/orcpub/styles/core.clj index b64910c3d..2952915c2 100644 --- a/src/clj/orcpub/styles/core.clj +++ b/src/clj/orcpub/styles/core.clj @@ -829,6 +829,12 @@ [:.character-builder-header {:margin-bottom "19px"}] + [:.senses + {:width "450px"}] + + [:.notes + {:width "350px"}] + [:.registration-content {:width "785px" :min-height "600px"}] diff --git a/src/cljs/orcpub/dnd/e5/views.cljs b/src/cljs/orcpub/dnd/e5/views.cljs index ec5d4abc1..d662a07e3 100644 --- a/src/cljs/orcpub/dnd/e5/views.cljs +++ b/src/cljs/orcpub/dnd/e5/views.cljs @@ -6117,21 +6117,32 @@ :value nm}) @(subscribe [::monsters/alignments])) :value (or alignment "neutral") - :on-change #(dispatch [::monsters/set-monster-prop :alignment %])}]] + :on-change #(dispatch [::monsters/set-monster-prop :alignment %])}]]] + [:div.flex.w-100-p.flex-wrap [:div.flex-grow-1.m-b-20.m-l-5 [labeled-dropdown "Armor Class" {:items (map - value-to-item - (range 5 25)) + value-to-item + (range 5 25)) :value (or armor-class 10) - :on-change #(dispatch [::monsters/set-monster-prop :armor-class (js/parseInt %)])}]]] - [:div.m-b-20 + :on-change #(dispatch [::monsters/set-monster-prop :armor-class (js/parseInt %)])}]] + [monster-input-field + "Armor Notes" + :armor-notes + monster + "m-l-5 m-b-20 flex-grow-1 notes"]] + [:div.flex.w-100-p.flex-wrap [monster-input-field "Speed" :speed monster - "m-l-5 m-b-20"]] + "m-l-5 m-b-20 flex-grow-1"] + [monster-input-field + "Senses" + :senses + monster + "m-l-5 m-b-20 flex-grow-1 senses"]] [:div.m-b-20 [:div.f-s-24.f-w-b "Hit Points"] [:div.flex.w-100-p.flex-wrap