Update AccForm styles and merge into style.css

This commit is contained in:
Wirlaburla 2023-07-17 02:15:38 -05:00
parent 77ad25b7c1
commit 1e9dedc2ae
2 changed files with 58 additions and 56 deletions

View File

@ -1,56 +0,0 @@
.logincontainer {
max-width: 300px;
margin: 32px;
text-align: center;
}
.logincontainer hr {
border: 1px inset rgba(0,0,0,0.5);
}
.logincontainer .assets,
.logincontainer .accinput {
flex-grow: 1;
padding: 8px;
}
.options .option { display: flex; }
.options .option .name {
font-family: var(--spfont1);
font-size: 12px;
flex-shrink: 0; flex-grow: 1;
text-align: right;
padding: 2px;
}
.options .option input,
.options .option select,
.options .option textarea, {
flex-grow: 0;
}
.logincontainer h2 {
font-family: var(--spfont1);
}
.logincontainer .error {
color: var(--error);
}
.logincontainer .buttonbar {
display: flex;
}
img.bg-icon-overlay {
position: absolute;
bottom: 0; right: 0;
width: 50vh; height: 50vh;
/* width: 100vh; height: 100vh; */
opacity: 0.25;
z-index: -100;
}
ul.errors {
text-align: left;
color: red;
}

View File

@ -729,6 +729,64 @@ nav.top.alert p {
}
}
/* == ACCFORM PAGES */
body.accform .page-container .formpart {
max-width: 400px;
margin: 32px;
text-align: center;
}
body.accform .page-container .formpart hr {
border: 1px inset rgba(0,0,0,0.5);
}
body.accform .page-container .formpart .assets,
body.accform .page-container .formpart .accinput {
flex-grow: 1;
padding: 8px;
}
body.accform .options .option { display: flex; }
body.accform .options .option .name {
font-family: var(--spfont1);
font-size: 12px;
flex-shrink: 0; flex-grow: 1;
text-align: right;
padding: 2px;
}
body.accform .options .option input,
body.accform .options .option select,
body.accform .options .option textarea, {
flex-grow: 0;
}
body.accform .page-container .formpart h2 {
font-family: var(--spfont1);
}
body.accform .page-container .formpart .error {
color: var(--error);
}
body.accform .page-container .formpart .buttonbar {
display: flex;
}
body.accform img.bg-icon-overlay {
position: absolute;
bottom: 0; right: 0;
width: 50vh; height: 50vh;
/* width: 100vh; height: 100vh; */
opacity: 0.25;
z-index: -100;
}
body.accform ul.errors {
text-align: left;
color: red;
}
/* == HOME PAGE */
@media (orientation: portrait) {
body.home .page-container {