diff --git a/compendium-browser.css b/compendium-browser.css index ef37fee..62a71c6 100644 --- a/compendium-browser.css +++ b/compendium-browser.css @@ -1,183 +1,183 @@ #compendium .directory-footer .compendium-browser-btn { - margin-top: 5px; + margin-top: 5px; } #compendium .directory-footer { - display: block; + display: block; } .compendium-browser { - overflow-y: hidden !important; - max-width: 1100px; - max-height: 90vh; + overflow-y: hidden !important; + max-width: 1100px; + max-height: 90vh; } .compendium-browser .window-content { - overflow-y: hidden !important; - height: 100%; + overflow-y: hidden !important; + height: 100%; } .compendium-browser .window-content .parent { - overflow-y: hidden !important; - height: 100%; + overflow-y: hidden !important; + height: 100%; } .compendium-browser .window-content .parent .content { - overflow-y: hidden !important; - height: calc(100% - 2em); + overflow-y: hidden !important; + height: calc(100% - 2em); } .compendium-browser .window-content .parent .content .tab { - overflow-y: hidden !important; - height: 100%; + overflow-y: hidden !important; + height: 100%; } .compendium-browser .window-content .parent .content .tab .browser { - overflow-y: hidden !important; - height: 100%; + overflow-y: hidden !important; + height: 100%; } .compendium-browser .window-content .parent .content .tab .browser ul { - overflow-y: auto; - height: 100%; + overflow-y: auto; + height: 100%; } .compendium-browser .window-content .parent .content .tab .settings { - overflow-y: auto; - height: 100%; + overflow-y: auto; + height: 100%; } .compendium-browser .tabs { - max-height: 2em; - border-bottom: solid #782e22; + max-height: 2em; + border-bottom: solid #782e22; } .compendium-browser .tabContainer { - height: calc(100% - 2em); + height: calc(100% - 2em); } .compendium-browser .tabContainer .tab { - width: 100%; - height: 100%; - overflow: scroll; + width: 100%; + height: 100%; + overflow: scroll; } .compendium-browser .control-area { - position: sticky; - display: block; - min-width: 250px; - max-width: 45%; - width: 350px; - height: 100%; - padding-right: 5px; - overflow: scroll; + position: sticky; + display: block; + min-width: 250px; + max-width: 45%; + width: 350px; + height: 100%; + padding-right: 5px; + overflow: scroll; } .compendium-browser .list-area { - position: sticky; - display: flex; - min-width: 250px; - max-width: 55%; - width: 400px; - height: 100%; - padding-right: 5px; - overflow-y: scroll; + position: sticky; + display: flex; + min-width: 250px; + max-width: 55%; + width: 400px; + height: 100%; + padding-right: 5px; + overflow-y: scroll; } .compendium-browser .control-area button { - background: rgba(0, 0, 0, 0.05); - border: 1px solid #bbb; - border-radius: 5px; - margin-top: 5px; - padding: 2px; + background: rgba(0, 0, 0, 0.05); + border: 1px solid #bbb; + border-radius: 5px; + margin-top: 5px; + padding: 2px; } .compendium-browser .control-area .filtercontainer { - border: 1px solid #bbb; - border-radius: 5px; - margin-top: 5px; - padding: 2px; + border: 1px solid #bbb; + border-radius: 5px; + margin-top: 5px; + padding: 2px; } .compendium-browser .control-area .filtercontainer h3 { - margin: 0; - cursor: pointer; + margin: 0; + cursor: pointer; } .compendium-browser .control-area .filtercontainer dl, .compendium-browser .control-area .filtercontainer div { - margin: 5px 0; + margin: 5px 0; } .compendium-browser .control-area .filtercontainer dt { - display: inline-block; - width: 40%; - padding-left: 5px; + display: inline-block; + width: 40%; + padding-left: 5px; } .compendium-browser .control-area .filtercontainer dd { - display: inline-block; - width: 58%; - margin-left: 0; + display: inline-block; + width: 58%; + margin-left: 0; } .compendium-browser .control-area .filtercontainer dd select { - width: 100%; + width: 100%; } .compendium-browser .control-area .filtercontainer .multiselect { - border: 1px solid #bbb; - border-radius: 3px; - vertical-align: middle; - line-height: 32px; - margin: 2px 0; + border: 1px solid #bbb; + border-radius: 3px; + vertical-align: middle; + line-height: 32px; + margin: 2px 0; } .compendium-browser .control-area .filtercontainer .multiselect label { - padding: 5px; + padding: 5px; } .compendium-browser .control-area .filtercontainer .multiselect input { - vertical-align: middle; + vertical-align: middle; } .compendium-browser .control-area .filtercontainer .small-input { - width: calc(100% - 44px); - height: 27px; - background: rgba(0, 0, 0, 0.05); - border: 1px solid #444; - border-radius: 3px; - padding: 0 3px; - text-overflow: ellipsis; + width: calc(100% - 44px); + height: 27px; + background: rgba(0, 0, 0, 0.05); + border: 1px solid #444; + border-radius: 3px; + padding: 0 3px; + text-overflow: ellipsis; } .compendium-browser .control-area .filtercontainer .small-select { - width: 40px; + width: 40px; } .compendium-browser .browser { - height: 100%; - overflow-y: hidden !important; + height: 100%; + overflow-y: hidden !important; } .compendium-browser .browser .window-content { - overflow-y: hidden !important; + overflow-y: hidden !important; } .compendium-browser .browser ul { - float: right; - display: block; - min-width: 335px; - margin: 0; - height: 100%; - overflow: auto; - padding-left: 5px; + float: right; + display: block; + min-width: 335px; + margin: 0; + height: 100%; + overflow: auto; + padding-left: 5px; } .compendium-browser .browser ul .filter-tags { - display: none; + display: none; } .compendium-browser .browser ul li span { - white-space: nowrap; - overflow: hidden; + white-space: nowrap; + overflow: hidden; } .compendium-browser .browser .spacer { - display: inline-block; - min-width: 5px; + display: inline-block; + min-width: 5px; } .compendium-browser .browser .spacer-large { - display: inline-block; - min-width: 15px; + display: inline-block; + min-width: 15px; } .compendium-browser .item-browser li, .compendium-browser .feat-browser li, .compendium-browser .spell-browser li { - cursor: default; - vertical-align: middle; - line-height: 32px; - margin: 2px 0; + cursor: default; + vertical-align: middle; + line-height: 32px; + margin: 2px 0; } .compendium-browser .item-browser li .item-image, .compendium-browser .feat-browser li .item-image, .compendium-browser .spell-browser li .item-image { - max-width: 32px; - height: 32px; + max-width: 32px; + height: 32px; } .compendium-browser .item-browser li .item-name, .compendium-browser .feat-browser li .item-name, .compendium-browser .spell-browser li .item-name { - height: 32px; - padding-left: 5px; + height: 32px; + padding-left: 5px; } .compendium-browser .item-browser li .feat-tags, .compendium-browser .feat-browser li .feat-tags, @@ -185,75 +185,75 @@ .compendium-browser .item-browser li .item-tags, .compendium-browser .feat-browser li .item-tags, .compendium-browser .spell-browser li .item-tags { - text-align: right; - margin-right: 3px; - margin-left: 3px; - text-transform: capitalize; - height: 32px; + text-align: right; + margin-right: 3px; + margin-left: 3px; + text-transform: capitalize; + height: 32px; } .compendium-browser .spell-browser .spell .spell-level { - text-align: center; - font-weight: 900; - max-width: 18px; - height: 32px; + text-align: center; + font-weight: 900; + max-width: 18px; + height: 32px; } .compendium-browser .spell-browser .spell .spell-tags { - text-align: right; - margin-right: 3px; - font-weight: 900; - max-width: 100px; - height: 32px; + text-align: right; + margin-right: 3px; + font-weight: 900; + max-width: 100px; + height: 32px; } .compendium-browser .npc-browser .npc { - cursor: default; - vertical-align: middle; - line-height: 64px; - margin: 4px 0; + cursor: default; + vertical-align: middle; + line-height: 64px; + margin: 4px 0; } .compendium-browser .npc-browser .npc .npc-image { - max-width: 64px; - height: 64px; + max-width: 64px; + height: 64px; } .compendium-browser .npc-browser .npc .npc-image img { - width: 64px; - height: 64px; - border: none; - object-fit: contain; + width: 64px; + height: 64px; + border: none; + object-fit: contain; } .compendium-browser .npc-browser .npc .npc-line { - line-height: 25px; - padding: 9px 0 5px 5px; + line-height: 25px; + padding: 9px 0 5px 5px; } .compendium-browser .npc-browser .npc .npc-name { - font-weight: bold; - font-size: 16px; + font-weight: bold; + font-size: 16px; } .compendium-browser .npc-browser .npc .cr { - display: inline-block; - width: 55px; + display: inline-block; + width: 55px; } .compendium-browser .npc-browser .npc .size { - display: inline-block; - width: 75px; + display: inline-block; + width: 75px; } .compendium-browser .npc-browser .npc .type { - display: inline-block; + display: inline-block; } .compendium-browser .settings .settings-group { - border: 1px solid #bbb; - border-radius: 5px; - margin-top: 5px; - padding: 2px; + border: 1px solid #bbb; + border-radius: 5px; + margin-top: 5px; + padding: 2px; } .compendium-browser .settings .settings-group h3 { - margin: 0; - cursor: pointer; + margin: 0; + cursor: pointer; } .compendium-browser .settings .settings-group label { - display: block; + display: block; } .compendium-browser .settings .settings-group h4 { - display: inline-block; - vertical-align: middle; - height: 100%; + display: inline-block; + vertical-align: middle; + height: 100%; }