diff options
| author | rubenwardy <rw@rubenwardy.com> | 2020-01-21 22:40:51 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-01-21 22:40:51 +0000 |
| commit | f24148d43189bd72f7ef7f498f30cdee8700d5e5 (patch) | |
| tree | a67bd8c8373d86496536c096f00682594668f530 /app/scss | |
| parent | 980023a80c9055f0102c2308cd1d1d7238deb69e (diff) | |
| download | cheatdb-f24148d43189bd72f7ef7f498f30cdee8700d5e5.tar.xz | |
Improve package page styling
Diffstat (limited to 'app/scss')
| -rw-r--r-- | app/scss/components.scss | 22 | ||||
| -rw-r--r-- | app/scss/packages.scss | 39 |
2 files changed, 50 insertions, 11 deletions
diff --git a/app/scss/components.scss b/app/scss/components.scss index fb7548c..3f10ed4 100644 --- a/app/scss/components.scss +++ b/app/scss/components.scss @@ -58,27 +58,27 @@ } .userlist li.NOT_JOINED { - color: #aaa; + color: #aaa !important; } -.NOT_JOINED a, a.NOT_JOINED { - color: #7ac; +.NOT_JOINED a, .NOT_JOINED { + color: #7ac !important; } -.ADMIN a, a.ADMIN{ - color: #e30; +.ADMIN a, .ADMIN{ + color: #e30 !important; } -.MODERATOR a, a.MODERATOR { - color: #e90; +.MODERATOR a, .MODERATOR { + color: #e90 !important; } -.EDITOR a, a.EDITOR { - color: #b6f; +.EDITOR a, .EDITOR { + color: #b6f !important; } -.TRUSTED_MEMBER a, a.TRUSTED_MEMBER { - color: #2c2; +.TRUSTED_MEMBER a, .TRUSTED_MEMBER { + color: #2c2 !important; } .wiptopic a:not(.btn) { diff --git a/app/scss/packages.scss b/app/scss/packages.scss index 3ef2abc..f0dd2fb 100644 --- a/app/scss/packages.scss +++ b/app/scss/packages.scss @@ -6,6 +6,7 @@ .screenshot_list li { display: inline-block; + vertical-align: middle; margin: 5px; padding: 0; } @@ -20,6 +21,44 @@ object-fit: cover; } +.screenshot-add { + display: block !important; + width: 200px; + height: 133px; + background: #444; + color: #666; + text-align: center; + line-height: 133px !important; + font-size: 80px; + + &:hover { + background: #555; + color: #999; + text-decoration: none; + } +} + +.info-row { + vertical-align: middle; + + .count { + margin-left: 0.3em; + } + + img { + filter: grayscale(100%); + } + + a { + color: rgba(255, 255, 255, 0.8); + } + + a:hover { + color: #fff; + text-decoration: none; + } +} + .box_img { position: relative; background-position: center; |