diff options
author | Minteck <contact@minteck.org> | 2022-05-22 18:16:34 +0200 |
---|---|---|
committer | Minteck <contact@minteck.org> | 2022-05-22 18:16:34 +0200 |
commit | bc4d21ddbc50a4295ad1be0f4797b09895a65fea (patch) | |
tree | f915c08fba577daf766628657558ce480790b06f /assets/css | |
download | multisocial-bc4d21ddbc50a4295ad1be0f4797b09895a65fea.tar.gz multisocial-bc4d21ddbc50a4295ad1be0f4797b09895a65fea.tar.bz2 multisocial-bc4d21ddbc50a4295ad1be0f4797b09895a65fea.zip |
Diffstat (limited to 'assets/css')
-rw-r--r-- | assets/css/complementary.css | 96 | ||||
-rw-r--r-- | assets/css/responsive.css | 9 |
2 files changed, 105 insertions, 0 deletions
diff --git a/assets/css/complementary.css b/assets/css/complementary.css new file mode 100644 index 0000000..f3de7bf --- /dev/null +++ b/assets/css/complementary.css @@ -0,0 +1,96 @@ +.nav-link-text { + vertical-align: middle; +} + +.nav-link-icon { + opacity: .5; + transition: opacity 150ms; +} + + +.nav-link:hover .nav-link-icon { + opacity: .75; +} + +.tos { + background: #e8e8e8; + padding: 10px 20px; + border-radius: 5px; + text-align: left !important; +} + +.plural-on { + display: none; +} + +#profile-picture, .member-small-pp { + border-radius: 100%; + width: 48px; + height: 48px; + background: black; + vertical-align: middle; +} + +.member-small-pp { + width: 24px; + height: 24px; +} + +#profile-name { + vertical-align: middle; +} + +.post-author { + vertical-align: middle; +} + +#profile-add { + vertical-align: middle; + float: right; + margin-top: 10px; +} + +#post-modal-actions { + margin-left: auto; + width: max-content; +} + +#post-modal-text, #editor-text { + resize: none; +} + +.manage-post { + display: inline-block; + float: right; +} + +.comments, .favorite, .unfavorite { + display: inline-block; + padding-right: 10px; + cursor: pointer; +} + +.cursor-pointer { + cursor: pointer; +} + +.unfavorite { + display: none; +} + +#profile-verified { + vertical-align: middle; + margin-top: 5px; +} + +#profile-status { + height: 24px; +} + +.comments:hover, .favorite:hover { + opacity: .75; +} + +.comments:active, .favorite:active { + opacity: .5; +}
\ No newline at end of file diff --git a/assets/css/responsive.css b/assets/css/responsive.css new file mode 100644 index 0000000..270ae4f --- /dev/null +++ b/assets/css/responsive.css @@ -0,0 +1,9 @@ +@media (max-width: 1000px) and (min-width: 575px) { + .nav-link-text { + display: none; + } +} + +.navbar-nav { + margin-left: auto; +}
\ No newline at end of file |