X-Git-Url: http://git.squeep.com/?a=blobdiff_plain;f=priv%2Fstatic%2Fstatic-fe%2Fforms.css;fp=priv%2Fstatic%2Fstatic-fe%2Fforms.css;h=196713ea09a27c6be48b700ce367a7572a3329b0;hb=9a320ba8149a3efae1235b3b68dbf1bbad423e0d;hp=f7196eef6be09ed99e63838939ab1f89a02ac709;hpb=ca70d42541d4a17d5015df011a92b4e8db18a18a;p=akkoma diff --git a/priv/static/static-fe/forms.css b/priv/static/static-fe/forms.css index f7196eef6..196713ea0 100644 --- a/priv/static/static-fe/forms.css +++ b/priv/static/static-fe/forms.css @@ -90,25 +90,69 @@ input { a.button, button { - width: 100%; - background-color: #1c2a3a; - color: var(--primary-text-color); - border-radius: 4px; - border: none; - padding: 10px 16px; - margin-top: 20px; - margin-bottom: 20px; - text-transform: uppercase; - font-size: 16px; - box-shadow: 0px 0px 2px 0px black, - 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, - 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset; + width: 100%; + background-color: #1c2a3a; + color: var(--primary-text-color); + border-radius: 4px; + border: none; + padding: 10px 16px; + margin-top: 20px; + margin-bottom: 20px; + text-transform: uppercase; + font-size: 16px; + box-shadow: 0px 0px 2px 0px black, + 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, + 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset; } a.button:hover, button:hover { - cursor: pointer; - box-shadow: 0px 0px 0px 1px var(--brand-color), - 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, - 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset; + cursor: pointer; + box-shadow: 0px 0px 0px 1px var(--brand-color), + 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, + 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset; +} + +.actions { + display: flex; + flex-grow: 1; +} + +.actions button, +.actions a.button { + width: auto; + margin-left: 2%; + width: 45%; + text-align: center; +} + +.account-header__banner { + width: 100%; + height: 80px; + background-size: cover; + background-position: center; +} + +.account-header__avatar { + width: 64px; + height: 64px; + background-size: cover; + background-position: center; + margin: -60px 10px 10px; + border: 6px solid var(--foreground-color); + border-radius: 999px; +} + +.account-header__meta { + padding: 12px 20px 17px 70px; } + +.account-header__display-name { + font-size: 20px; + font-weight: bold; +} + +.account-header__nickname { + font-size: 14px; + color: var(--muted-text-color); +} \ No newline at end of file