design: stylish request-access button on login page
This commit is contained in:
+15
-9
@@ -954,16 +954,22 @@ button {
|
|||||||
.request-access-btn {
|
.request-access-btn {
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 1rem;
|
margin-top: 1.1rem;
|
||||||
padding: 0.6rem 1rem;
|
padding: 0.72rem 1.2rem;
|
||||||
border-radius: 8px;
|
border-radius: 10px;
|
||||||
border: 1px solid rgba(255,255,255,.2);
|
border: 1px solid rgba(42,140,214,.45);
|
||||||
color: #a0b8cc;
|
background: linear-gradient(135deg, rgba(22,117,180,.18) 0%, rgba(15,91,148,.12) 100%);
|
||||||
font-size: .88rem;
|
color: #6bbfff;
|
||||||
|
font-size: .9rem;
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: .03em;
|
||||||
text-decoration: none;
|
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 {
|
.request-access-btn:hover {
|
||||||
background: rgba(255,255,255,.07);
|
background: linear-gradient(135deg, rgba(42,140,214,.32) 0%, rgba(22,117,180,.22) 100%);
|
||||||
color: #dce8f5;
|
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