discourse/app/assets/stylesheets/common/base/activation.scss

56 lines
1.2 KiB
SCSS

// Styles used before the user is logged into discourse. For example, activating their
// account or changing their email.
#simple-container {
border-radius: 10px;
background-color: var(--secondary);
padding: 20px;
width: 550px;
margin: 0 auto;
.account-created {
.ac-message {
font-size: var(--font-up-1);
line-height: var(--line-height-large);
}
.activation-controls {
button {
margin-right: 0.5em;
}
}
.ac-page {
border-radius: 10px;
margin-top: 25px;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
border-top: 6px solid var(--tertiary);
}
}
}
.activate-account {
.activate-title {
text-align: center;
.waving-hand {
height: 32px;
margin-bottom: 13px;
}
}
#activate-account-button {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: block;
}
.perform-activation {
border-top: 6px solid var(--tertiary);
box-shadow: 0 1px 10px 1px rgba(var(--primary-low-rgb), 1.25);
border-radius: 10px;
padding: 1em 2.5em 1em 2.5em;
.image {
width: 150px;
margin: auto;
padding-bottom: 1em;
}
}
}