design: stylish request-access button on login page
This commit is contained in:
+15
-9
@@ -954,16 +954,22 @@ button {
|
||||
.request-access-btn {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-top: 1rem;
|
||||
padding: 0.6rem 1rem;
|
||||
border-radius: 8px;
|
||||
border: 1px solid rgba(255,255,255,.2);
|
||||
color: #a0b8cc;
|
||||
font-size: .88rem;
|
||||
margin-top: 1.1rem;
|
||||
padding: 0.72rem 1.2rem;
|
||||
border-radius: 10px;
|
||||
border: 1px solid rgba(42,140,214,.45);
|
||||
background: linear-gradient(135deg, rgba(22,117,180,.18) 0%, rgba(15,91,148,.12) 100%);
|
||||
color: #6bbfff;
|
||||
font-size: .9rem;
|
||||
font-weight: 600;
|
||||
letter-spacing: .03em;
|
||||
text-decoration: none;
|
||||
transition: background .2s, color .2s;
|
||||
box-shadow: 0 2px 12px rgba(42,140,214,.15), inset 0 1px 0 rgba(255,255,255,.08);
|
||||
transition: background .2s, color .2s, border-color .2s, box-shadow .2s;
|
||||
}
|
||||
.request-access-btn:hover {
|
||||
background: rgba(255,255,255,.07);
|
||||
color: #dce8f5;
|
||||
background: linear-gradient(135deg, rgba(42,140,214,.32) 0%, rgba(22,117,180,.22) 100%);
|
||||
border-color: rgba(42,140,214,.75);
|
||||
color: #c0dff8;
|
||||
box-shadow: 0 4px 18px rgba(42,140,214,.28), inset 0 1px 0 rgba(255,255,255,.12);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user