diff --git a/app/scss/components.scss b/app/scss/components.scss index 36b607c5..554e009c 100644 --- a/app/scss/components.scss +++ b/app/scss/components.scss @@ -217,3 +217,54 @@ blockquote { border-top-right-radius: 0; } } + +.info-sidebar { + color: #999; + + h3 { + color: #aaa; + } + + & > h3:first-of-type { + margin-top: 0; + } + + dt { + font-weight: normal; + } + + dd { + font-weight: bold; + max-height: 300px; + overflow-y: auto; + } + + .badge, .list-group-item-action { + color: #ddd; + } + + & > .btn.btn-secondary { + color: #ddd; + background-color: #303030; + border-color: #444; + + &:hover { + background-color: #444; + } + } +} + +.panel { + background: #2c2c2c; + padding: 1.25rem; + border: 1px solid rgba(0,0,0,0.125); + border-radius: .25rem; + + & > *:first-child { + margin-top: 0 !important; + } + + & > *:last-child { + margin-bottom: 0 !important; + } +} diff --git a/app/scss/packages.scss b/app/scss/packages.scss index 1a9aebc6..e87f4a61 100644 --- a/app/scss/packages.scss +++ b/app/scss/packages.scss @@ -1,24 +1,30 @@ -.screenshot_list, .screenshot_list li, .screenshot_list li a { +.screenshot_list { list-style: none; - margin: 0; padding: 0; -} + margin: 0 0 2em; -.screenshot_list li { - display: inline-block; - vertical-align: middle; - margin: 5px; - padding: 0; -} + li, li a { + list-style: none; + margin: 0; + padding: 0; + } -.screenshot_list li a { - display: block; -} + li { + display: inline-block; + vertical-align: middle; + margin: 5px; + padding: 0; -.screenshot_list img { - width: 200px; - height: 133px; - object-fit: cover; + a { + display: block; + } + } + + img { + width: 200px; + height: 133px; + object-fit: cover; + } } .screenshot-add { diff --git a/app/templates/base.html b/app/templates/base.html index ec0875c0..92f26e79 100644 --- a/app/templates/base.html +++ b/app/templates/base.html @@ -6,7 +6,7 @@
+