2019-12-29 16:54:57 +00:00
|
|
|
#compendium .directory-footer .compendium-browser-btn {
|
|
|
|
margin-top:5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#compendium .directory-footer {
|
|
|
|
display:block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.compendium-browser {
|
2020-06-12 15:29:59 +00:00
|
|
|
overflow-y: hidden!important;
|
2019-12-29 16:54:57 +00:00
|
|
|
max-width:1100px;
|
|
|
|
max-height:90vh;
|
|
|
|
|
2020-06-12 15:29:59 +00:00
|
|
|
.window-content {
|
|
|
|
overflow-y: hidden!important;
|
|
|
|
height: 100%;
|
|
|
|
.parent {
|
|
|
|
overflow-y: hidden!important;
|
|
|
|
height: 100%;
|
|
|
|
.content {
|
|
|
|
overflow-y: hidden!important;
|
|
|
|
height: calc(100% - 2em);
|
|
|
|
.tab {
|
|
|
|
overflow-y: hidden!important;
|
|
|
|
height: 100%;
|
|
|
|
.browser {
|
|
|
|
overflow-y: hidden!important;
|
|
|
|
height: 100%;
|
|
|
|
ul {
|
|
|
|
overflow-y:auto;
|
|
|
|
height:100%;
|
|
|
|
}
|
|
|
|
}
|
2020-06-12 16:23:32 +00:00
|
|
|
.settings {
|
|
|
|
overflow-y:auto;
|
|
|
|
height:100%;
|
|
|
|
}
|
2020-06-12 15:29:59 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-12-29 16:54:57 +00:00
|
|
|
.tabs {
|
|
|
|
max-height:2em;
|
|
|
|
border-bottom: solid #782e22;
|
|
|
|
a {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.tabContainer {
|
|
|
|
height:calc(100% - 2em);
|
|
|
|
.tab {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
overflow:scroll;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.control-area {
|
|
|
|
position:sticky;
|
|
|
|
display: block;
|
|
|
|
min-width: 250px;
|
2019-12-30 09:29:20 +00:00
|
|
|
max-width: 400px;
|
2019-12-29 16:54:57 +00:00
|
|
|
width: 300px;
|
|
|
|
height:100%;
|
|
|
|
padding-right:5px;
|
|
|
|
overflow:scroll;
|
|
|
|
|
2020-04-30 17:07:00 +00:00
|
|
|
button {
|
|
|
|
background: rgba(0, 0, 0, 0.05);
|
|
|
|
border: 1px solid #bbb;
|
|
|
|
border-radius: 5px;
|
|
|
|
margin-top: 5px;
|
|
|
|
padding:2px;
|
|
|
|
}
|
|
|
|
|
2019-12-29 16:54:57 +00:00
|
|
|
.filtercontainer {
|
|
|
|
border: 1px solid #bbb;
|
|
|
|
border-radius: 5px;
|
|
|
|
margin-top: 5px;
|
|
|
|
padding:2px;
|
|
|
|
|
|
|
|
h3 {
|
|
|
|
margin:0;
|
|
|
|
cursor:pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
dl, div {
|
|
|
|
margin: 5px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
dt {
|
|
|
|
display:inline-block;
|
|
|
|
width:40%;
|
|
|
|
padding-left:5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
dd {
|
|
|
|
display:inline-block;
|
|
|
|
width:58%;
|
|
|
|
margin-left:0;
|
|
|
|
|
|
|
|
select {
|
|
|
|
width:100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.multiselect {
|
|
|
|
border: 1px solid #bbb;
|
|
|
|
border-radius: 3px;
|
2019-12-30 09:29:20 +00:00
|
|
|
vertical-align: middle;
|
|
|
|
line-height:32px;
|
|
|
|
margin:2px 0;
|
2019-12-29 16:54:57 +00:00
|
|
|
|
|
|
|
label {
|
|
|
|
padding:5px;
|
|
|
|
}
|
2019-12-30 09:29:20 +00:00
|
|
|
input {
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
2019-12-29 16:54:57 +00:00
|
|
|
}
|
|
|
|
.small-input {
|
2019-12-30 09:29:20 +00:00
|
|
|
width: calc(100% - 44px);
|
2019-12-29 16:54:57 +00:00
|
|
|
height: 27px;
|
2020-04-30 17:07:00 +00:00
|
|
|
background: rgba(0, 0, 0, 0.05);
|
2019-12-29 16:54:57 +00:00
|
|
|
border: 1px solid #444;
|
|
|
|
border-radius: 3px;
|
|
|
|
padding: 0 3px;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
}
|
|
|
|
.small-select {
|
|
|
|
width: 40px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.browser {
|
2020-06-12 15:29:59 +00:00
|
|
|
height: 100%;
|
|
|
|
overflow-y: hidden!important;
|
2019-12-29 16:54:57 +00:00
|
|
|
|
|
|
|
.window-content {
|
|
|
|
overflow-y: hidden!important;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul {
|
|
|
|
float:right;
|
|
|
|
display: block;
|
|
|
|
min-width: 335px;
|
|
|
|
width: 785px;
|
|
|
|
margin:0;
|
|
|
|
height: 100%;
|
|
|
|
overflow:auto;
|
|
|
|
padding-left: 5px;
|
|
|
|
|
|
|
|
.filter-tags {
|
|
|
|
display:none;
|
|
|
|
}
|
|
|
|
|
2019-12-30 09:29:20 +00:00
|
|
|
li {
|
|
|
|
span {
|
|
|
|
white-space: nowrap;
|
|
|
|
overflow:hidden;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-12-29 16:54:57 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.spacer {
|
|
|
|
display:inline-block;
|
|
|
|
min-width:5px;
|
|
|
|
}
|
|
|
|
.spacer-large {
|
|
|
|
display:inline-block;
|
|
|
|
min-width:15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-06-12 15:29:59 +00:00
|
|
|
.item-browser, .feat-browser, .spell-browser {
|
|
|
|
li {
|
2019-12-29 16:54:57 +00:00
|
|
|
cursor:default;
|
|
|
|
vertical-align: middle;
|
|
|
|
line-height:32px;
|
|
|
|
margin:2px 0;
|
|
|
|
|
2020-06-12 15:29:59 +00:00
|
|
|
.item-image {
|
2019-12-29 16:54:57 +00:00
|
|
|
max-width:32px;
|
|
|
|
height:32px;
|
|
|
|
}
|
2020-06-12 15:29:59 +00:00
|
|
|
.item-name {
|
2019-12-29 16:54:57 +00:00
|
|
|
height:32px;
|
|
|
|
padding-left:5px;
|
|
|
|
}
|
2020-06-12 15:29:59 +00:00
|
|
|
|
|
|
|
.feat-tags, .item-tags {
|
|
|
|
text-align:right;
|
|
|
|
margin-right:3px;
|
|
|
|
margin-left: 3px;
|
|
|
|
text-transform:capitalize;
|
|
|
|
height:32px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.spell-browser {
|
|
|
|
.spell {
|
|
|
|
|
2019-12-29 16:54:57 +00:00
|
|
|
.spell-level {
|
|
|
|
text-align:center;
|
|
|
|
font-weight:900;
|
|
|
|
max-width:18px;
|
|
|
|
height:32px;
|
|
|
|
}
|
|
|
|
.spell-tags {
|
|
|
|
text-align:right;
|
|
|
|
margin-right:3px;
|
|
|
|
font-weight:900;
|
|
|
|
max-width:100px;
|
|
|
|
height:32px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.npc-browser {
|
|
|
|
.npc {
|
|
|
|
cursor:default;
|
|
|
|
vertical-align: middle;
|
|
|
|
line-height:64px;
|
|
|
|
margin:4px 0;
|
|
|
|
.npc-image {
|
|
|
|
max-width: 64px;
|
|
|
|
height: 64px;
|
|
|
|
}
|
|
|
|
.npc-image img {
|
|
|
|
width: 64px;
|
|
|
|
height: 64px;
|
|
|
|
border: none;
|
2019-12-31 10:01:00 +00:00
|
|
|
object-fit: contain;
|
2019-12-29 16:54:57 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.npc-line {
|
|
|
|
line-height: 25px;
|
|
|
|
padding: 9px 0 5px 5px;
|
|
|
|
}
|
|
|
|
.npc-name {
|
|
|
|
font-weight:bold;
|
|
|
|
font-size:16px;
|
|
|
|
}
|
|
|
|
.cr {
|
|
|
|
display: inline-block;
|
|
|
|
width: 55px;
|
|
|
|
}
|
|
|
|
.size {
|
|
|
|
display: inline-block;
|
|
|
|
width: 75px;
|
|
|
|
}
|
|
|
|
.type {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.settings {
|
|
|
|
.settings-group {
|
|
|
|
border: 1px solid #bbb;
|
|
|
|
border-radius: 5px;
|
|
|
|
margin-top: 5px;
|
|
|
|
padding:2px;
|
|
|
|
|
|
|
|
h3 {
|
|
|
|
margin:0;
|
|
|
|
cursor:pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
label {
|
|
|
|
display:block;
|
|
|
|
}
|
|
|
|
input {
|
|
|
|
|
|
|
|
}
|
|
|
|
h4 {
|
|
|
|
display:inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
height:100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2020-04-30 17:07:00 +00:00
|
|
|
}
|