#^.*$#su
$0
.adminLogin-wrapper {
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
color: #fff;
.adminLogin-contentForm {
background: rgba(30, 30, 30, 0.8);
backdrop-filter: blur(10px);
padding: 40px 30px;
width: 100%;
max-width: 400px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.1);
position: relative;
overflow: hidden;
> div:first-of-type
{
text-align: center;
margin-bottom: 30px;
}
i.fa-key:before,
i.fa-user:before {
content: none;
}
.adminLogin-row {
> dd {
input {
width: 100%;
padding: 14px 16px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
color: #fff;
font-size: 1rem;
transition: all 0.3s ease;
padding-right: 45px;
font-weight: normal;
}
.inputGroup.inputGroup--joined {
input:first-of-type {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.inputGroup-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
background: rgba(255, 255, 255, 0.05);
color: rgba(188, 222, 245, 0.8);
border: 1px solid rgba(255, 255, 255, 0.1);
border-left: none;
label
{
min-width: 27px;
span
{
display: none;
}
> i
{
color: rgb(170, 170, 170);
&:hover
{
color: rgb(255, 140, 0);
}
}
}
}
}
}
&.adminLogin-row--submit
{
.button
{
padding: 14px;
background: #ff8c00;
color: white;
border: none;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
margin-top: 10px;
span:before
{
content: none;
}
}
.adminLogin-boardTitle
{
margin-top: 20px;[REACTS=1,2][/REACTS]
font-size: 0.85rem;
}
}
}
&:before
{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #ff8c00, #ffa500, #ff8c00);
background-size: 200% 100%;
animation: shimmer 3s infinite linear;
}
}
}
@keyframes shimmer
{
0%
{
background-position: -200% 0;
}
100%
{
background-position: 200% 0;
}
}
