Updated installation css for config error and update
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv)
Roeland Jago Douma
parent
a44c5244c3
commit
e1f018838e
|
|
@ -5,6 +5,8 @@
|
||||||
* It should contain every style needed to correctly display the installation template.
|
* It should contain every style needed to correctly display the installation template.
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
/* Reset */
|
||||||
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
|
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
@ -79,6 +81,7 @@ body {
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Global */
|
||||||
#body-login {
|
#body-login {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: #0082c9;
|
background-color: #0082c9;
|
||||||
|
|
@ -92,6 +95,28 @@ body {
|
||||||
/* fix sticky footer */
|
/* fix sticky footer */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* heading styles */
|
||||||
|
h2 {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 300;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
line-height: 140%;
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 300;
|
||||||
|
margin: 12px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* do not use italic typeface style, instead lighter color */
|
||||||
|
em {
|
||||||
|
font-style: normal;
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
||||||
|
opacity: .5;
|
||||||
|
}
|
||||||
|
|
||||||
#header {
|
#header {
|
||||||
padding-top: 100px;
|
padding-top: 100px;
|
||||||
}
|
}
|
||||||
|
|
@ -270,178 +295,6 @@ form #datadirField legend {
|
||||||
color: #ccc;
|
color: #ccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="submit"], input[type="button"], button, .button {
|
|
||||||
width: auto;
|
|
||||||
min-width: 25px;
|
|
||||||
padding: 5px;
|
|
||||||
background-color: rgba(240, 240, 240, 0.9);
|
|
||||||
font-weight: 600;
|
|
||||||
color: #555;
|
|
||||||
border: 1px solid rgba(240, 240, 240, 0.9);
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
font-size: 20px;
|
|
||||||
margin: 5px;
|
|
||||||
padding: 11px 10px 9px;
|
|
||||||
}
|
|
||||||
input[type='text'], input[type='password'], input[type='email'] {
|
|
||||||
font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
|
|
||||||
border: none;
|
|
||||||
font-weight: 300;
|
|
||||||
font-size: 20px;
|
|
||||||
margin: 5px;
|
|
||||||
padding: 11px 10px 9px;
|
|
||||||
-webkit-appearance: textfield;
|
|
||||||
-moz-appearance: textfield;
|
|
||||||
box-sizing: content-box;
|
|
||||||
background: #fff;
|
|
||||||
color: #555;
|
|
||||||
cursor: text;
|
|
||||||
font-family: inherit;
|
|
||||||
outline: none;
|
|
||||||
border-radius: 3px;
|
|
||||||
width: 249px;
|
|
||||||
}
|
|
||||||
input.login {
|
|
||||||
width: 269px;
|
|
||||||
background-position: right 16px center;
|
|
||||||
}
|
|
||||||
input[type='submit'] {
|
|
||||||
padding: 10px 20px;
|
|
||||||
/* larger log in and installation buttons */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Nicely grouping input field sets */
|
|
||||||
.grouptop, .groupmiddle, .groupbottom {
|
|
||||||
position: relative;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.grouptop input {
|
|
||||||
margin-bottom: 0 !important;
|
|
||||||
border-bottom: 0 !important;
|
|
||||||
border-bottom-left-radius: 0 !important;
|
|
||||||
border-bottom-right-radius: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.groupmiddle input {
|
|
||||||
margin-top: 0 !important;
|
|
||||||
margin-bottom: 0 !important;
|
|
||||||
border-top: 0 !important;
|
|
||||||
border-bottom: 0 !important;
|
|
||||||
border-radius: 0 !important;
|
|
||||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.groupbottom input {
|
|
||||||
margin-top: 0 !important;
|
|
||||||
border-top: 0 !important;
|
|
||||||
border-top-right-radius: 0 !important;
|
|
||||||
border-top-left-radius: 0 !important;
|
|
||||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.groupbottom input[type=submit] {
|
|
||||||
box-shadow: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
label.infield {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Primary action button, use sparingly */
|
|
||||||
.primary {
|
|
||||||
border: 1px solid #0082c9;
|
|
||||||
background-color: #00a2e9;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='submit'].primary, input[type='button'].primary {
|
|
||||||
border: 1px solid #0082c9;
|
|
||||||
background-color: #00a2e9;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.primary, .button.primary {
|
|
||||||
border: 1px solid #0082c9;
|
|
||||||
background-color: #00a2e9;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary:hover {
|
|
||||||
background-color: #0092d9;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='submit'].primary:hover, input[type='button'].primary:hover {
|
|
||||||
background-color: #0092d9;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.primary:hover, .button.primary:hover, .primary:focus {
|
|
||||||
background-color: #0092d9;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='submit'].primary:focus, input[type='button'].primary:focus {
|
|
||||||
background-color: #0092d9;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.primary:focus, .button.primary:focus {
|
|
||||||
background-color: #0092d9;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary:active {
|
|
||||||
background-color: #00a2e9;
|
|
||||||
color: #bbb;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='submit'].primary:active, input[type='button'].primary:active {
|
|
||||||
background-color: #00a2e9;
|
|
||||||
color: #bbb;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.primary:active, .button.primary:active, .primary:disabled {
|
|
||||||
background-color: #00a2e9;
|
|
||||||
color: #bbb;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='submit'].primary:disabled, input[type='button'].primary:disabled {
|
|
||||||
background-color: #00a2e9;
|
|
||||||
color: #bbb;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.primary:disabled, .button.primary:disabled, .primary:disabled:hover {
|
|
||||||
background-color: #00a2e9;
|
|
||||||
color: #bbb;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='submit'].primary:disabled:hover, input[type='button'].primary:disabled:hover {
|
|
||||||
background-color: #00a2e9;
|
|
||||||
color: #bbb;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.primary:disabled:hover, .button.primary:disabled:hover, .primary:disabled:focus {
|
|
||||||
background-color: #00a2e9;
|
|
||||||
color: #bbb;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='submit'].primary:disabled:focus, input[type='button'].primary:disabled:focus {
|
|
||||||
background-color: #00a2e9;
|
|
||||||
color: #bbb;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.primary:disabled:focus, .button.primary:disabled:focus {
|
|
||||||
background-color: #00a2e9;
|
|
||||||
color: #bbb;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* LOGO */
|
/* LOGO */
|
||||||
#header .logo {
|
#header .logo {
|
||||||
|
|
@ -719,3 +572,231 @@ button.primary:disabled:focus, .button.primary:disabled:focus {
|
||||||
background: #ddd;
|
background: #ddd;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
.error-wide {
|
||||||
|
width: 700px;
|
||||||
|
margin-left: -200px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Config write issue */
|
||||||
|
#body-login .v-align {
|
||||||
|
width: inherit;
|
||||||
|
}
|
||||||
|
#body-login .wrapper {
|
||||||
|
min-height: 100%;
|
||||||
|
margin: 0 auto -70px;
|
||||||
|
width: 300px;
|
||||||
|
}
|
||||||
|
.warning legend, .warning a, .error a {
|
||||||
|
color: #fff !important;
|
||||||
|
font-weight: 600 !important;
|
||||||
|
}
|
||||||
|
#body-login ul.error-wide {
|
||||||
|
margin-top: 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Update info */
|
||||||
|
#body-login .update {
|
||||||
|
width: inherit;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#body-login .update h2 {
|
||||||
|
margin: 0 0 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#body-login .update a {
|
||||||
|
color: #fff;
|
||||||
|
border-bottom: 1px solid #aaa;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* INPUTS */
|
||||||
|
input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="email"], input[type="tel"], input[type="url"], input[type="time"], input[type="date"], textarea, select, button, .button, input[type="submit"], input[type="button"], #quota, .pager li a {
|
||||||
|
width: 130px;
|
||||||
|
margin: 3px 3px 3px 0;
|
||||||
|
padding: 7px 6px 5px;
|
||||||
|
font-size: 13px;
|
||||||
|
background-color: #fff;
|
||||||
|
color: #333;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
outline: none;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
#body-login input {
|
||||||
|
font-size: 20px;
|
||||||
|
margin: 5px;
|
||||||
|
padding: 11px 10px 9px;
|
||||||
|
}
|
||||||
|
input[type="submit"], input[type="button"], button, .button {
|
||||||
|
width: auto;
|
||||||
|
min-width: 25px;
|
||||||
|
padding: 5px;
|
||||||
|
background-color: rgba(240, 240, 240, 0.9);
|
||||||
|
font-weight: 600;
|
||||||
|
color: #555;
|
||||||
|
border: 1px solid rgba(240, 240, 240, 0.9);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
font-size: 20px;
|
||||||
|
margin: 5px;
|
||||||
|
padding: 11px 10px 9px;
|
||||||
|
}
|
||||||
|
input[type='text'], input[type='password'], input[type='email'] {
|
||||||
|
font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
|
||||||
|
border: none;
|
||||||
|
font-weight: 300;
|
||||||
|
font-size: 20px;
|
||||||
|
margin: 5px;
|
||||||
|
padding: 11px 10px 9px;
|
||||||
|
-webkit-appearance: textfield;
|
||||||
|
-moz-appearance: textfield;
|
||||||
|
box-sizing: content-box;
|
||||||
|
background: #fff;
|
||||||
|
color: #555;
|
||||||
|
cursor: text;
|
||||||
|
font-family: inherit;
|
||||||
|
outline: none;
|
||||||
|
border-radius: 3px;
|
||||||
|
width: 249px;
|
||||||
|
}
|
||||||
|
input.login {
|
||||||
|
width: 269px;
|
||||||
|
background-position: right 16px center;
|
||||||
|
}
|
||||||
|
input[type='submit'] {
|
||||||
|
padding: 10px 20px;
|
||||||
|
/* larger log in and installation buttons */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Nicely grouping input field sets */
|
||||||
|
.grouptop, .groupmiddle, .groupbottom {
|
||||||
|
position: relative;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grouptop input {
|
||||||
|
margin-bottom: 0 !important;
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
border-bottom-left-radius: 0 !important;
|
||||||
|
border-bottom-right-radius: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.groupmiddle input {
|
||||||
|
margin-top: 0 !important;
|
||||||
|
margin-bottom: 0 !important;
|
||||||
|
border-top: 0 !important;
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.groupbottom input {
|
||||||
|
margin-top: 0 !important;
|
||||||
|
border-top: 0 !important;
|
||||||
|
border-top-right-radius: 0 !important;
|
||||||
|
border-top-left-radius: 0 !important;
|
||||||
|
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.groupbottom input[type=submit] {
|
||||||
|
box-shadow: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
label.infield {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Primary action button, use sparingly */
|
||||||
|
.primary {
|
||||||
|
border: 1px solid #0082c9;
|
||||||
|
background-color: #00a2e9;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type='submit'].primary, input[type='button'].primary {
|
||||||
|
border: 1px solid #0082c9;
|
||||||
|
background-color: #00a2e9;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.primary, .button.primary {
|
||||||
|
border: 1px solid #0082c9;
|
||||||
|
background-color: #00a2e9;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.primary:hover {
|
||||||
|
background-color: #0092d9;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type='submit'].primary:hover, input[type='button'].primary:hover {
|
||||||
|
background-color: #0092d9;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.primary:hover, .button.primary:hover, .primary:focus {
|
||||||
|
background-color: #0092d9;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type='submit'].primary:focus, input[type='button'].primary:focus {
|
||||||
|
background-color: #0092d9;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.primary:focus, .button.primary:focus {
|
||||||
|
background-color: #0092d9;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.primary:active {
|
||||||
|
background-color: #00a2e9;
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type='submit'].primary:active, input[type='button'].primary:active {
|
||||||
|
background-color: #00a2e9;
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.primary:active, .button.primary:active, .primary:disabled {
|
||||||
|
background-color: #00a2e9;
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type='submit'].primary:disabled, input[type='button'].primary:disabled {
|
||||||
|
background-color: #00a2e9;
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.primary:disabled, .button.primary:disabled, .primary:disabled:hover {
|
||||||
|
background-color: #00a2e9;
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type='submit'].primary:disabled:hover, input[type='button'].primary:disabled:hover {
|
||||||
|
background-color: #00a2e9;
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.primary:disabled:hover, .button.primary:disabled:hover, .primary:disabled:focus {
|
||||||
|
background-color: #00a2e9;
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type='submit'].primary:disabled:focus, input[type='button'].primary:disabled:focus {
|
||||||
|
background-color: #00a2e9;
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.primary:disabled:focus, .button.primary:disabled:focus {
|
||||||
|
background-color: #00a2e9;
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
input, textarea, select, button {
|
||||||
|
font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue