Revision 3fc38171
Von Andreas Rudin vor etwa 6 Jahren hinzugefügt
| css/less/main_login.less | ||
|---|---|---|
| 19 | 19 |
// -------------------------------------- |
| 20 | 20 |
|
| 21 | 21 |
div#login, |
| 22 |
div.login{
|
|
| 22 |
div.login {
|
|
| 23 | 23 |
margin: 0 auto; // centered |
| 24 | 24 |
width: 100%; |
| 25 | 25 |
padding: 0 ; |
| 26 |
margin: 0 auto ; |
|
| 27 | 26 |
text-align: center ; |
| 28 | 27 |
|
| 29 | 28 |
h1 {
|
| 30 | 29 |
text-align: center; |
| 31 | 30 |
font-size: 150%; |
| 32 | 31 |
top: 0 ; |
| 33 |
//width: 100% ;
|
|
| 32 |
width: 100% ; |
|
| 34 | 33 |
display: block ; |
| 35 |
//vertical-align: middle;
|
|
| 34 |
vertical-align: middle; |
|
| 36 | 35 |
background-color: green ; |
| 37 | 36 |
color: white ; |
| 38 | 37 |
padding: 0.8em 0 ; |
| 39 |
} |
|
| 40 |
h3 {
|
|
| 41 |
text-align: left; |
|
| 38 |
z-index: 10 ; |
|
| 42 | 39 |
} |
| 43 | 40 |
|
| 44 |
>div {
|
|
| 41 |
#login-elements {
|
|
| 42 |
width: 24.0em ; |
|
| 43 |
margin: 0 auto ; |
|
| 45 | 44 |
text-align: center ; |
| 46 |
p { text-align: center; }
|
|
| 47 |
} |
|
| 45 |
display: block ; |
|
| 48 | 46 |
|
| 49 |
div.logo{
|
|
| 50 |
width: auto; |
|
| 51 |
clear: both; |
|
| 52 |
margin: 3.0em auto 1.0em auto; |
|
| 53 |
padding: 2.0em 0 0 0; |
|
| 54 |
} |
|
| 55 |
form{
|
|
| 56 |
margin: 0 auto ; |
|
| 57 |
width: 100% ; |
|
| 58 |
} |
|
| 47 |
h3 {
|
|
| 48 |
text-align: left; |
|
| 49 |
} |
|
| 59 | 50 |
|
| 60 |
div.separate-form{
|
|
| 61 |
background-color: #ddd ; |
|
| 62 |
border: 1px #aaa solid; |
|
| 63 |
display: block ; |
|
| 64 |
margin: 0 auto ; |
|
| 65 |
width: 24.0em ; |
|
| 66 |
padding: 0 0.6em 1.0em 0.6em ; |
|
| 67 |
} |
|
| 51 |
>div {
|
|
| 52 |
text-align: center ; |
|
| 53 |
p { text-align: center; }
|
|
| 54 |
} |
|
| 68 | 55 |
|
| 69 |
table.login{
|
|
| 70 |
width: auto; |
|
| 71 |
float: none; |
|
| 72 |
clear: both; |
|
| 73 |
} |
|
| 56 |
div.logo{
|
|
| 57 |
width: auto; |
|
| 58 |
clear: both; |
|
| 59 |
margin: 3.0em auto 1.0em auto; |
|
| 60 |
padding: 2.0em 0 0 0; |
|
| 61 |
} |
|
| 62 |
form{
|
|
| 63 |
margin: 0 auto ; |
|
| 64 |
width: 100% ; |
|
| 65 |
} |
|
| 74 | 66 |
|
| 75 |
} |
|
| 67 |
div.separate-form{
|
|
| 68 |
background-color: #ddd ; |
|
| 69 |
border: 1px @gray-medium solid; |
|
| 70 |
border-radius: 6px ; |
|
| 71 |
display: block ; |
|
| 72 |
margin: 0 auto ; |
|
| 73 |
width: 100% ; |
|
| 74 |
padding: 0 0.6em 1.0em 0.6em ; |
|
| 75 |
} |
|
| 76 |
|
|
| 77 |
table.login{
|
|
| 78 |
width: auto; |
|
| 79 |
float: none; |
|
| 80 |
clear: both; |
|
| 81 |
input[type="submit"] {
|
|
| 82 |
margin-top: 0.2em ; |
|
| 83 |
} |
|
| 84 |
caption {
|
|
| 85 |
margin: 0.7em 0 0.4em 0; |
|
| 86 |
} |
|
| 87 |
} |
|
| 88 |
|
|
| 89 |
.message {
|
|
| 90 |
width: 100% !important; |
|
| 91 |
min-width: auto; |
|
| 92 |
max-width: inherit; |
|
| 93 |
} |
|
| 94 |
} // /.login-elements |
|
| 95 |
} // /.login |
|
| 76 | 96 |
|
| 77 | 97 |
|
| 78 | 98 |
|
| ... | ... | |
| 89 | 109 |
overflow: hidden; |
| 90 | 110 |
|
| 91 | 111 |
.col {
|
| 92 |
width: auto; |
|
| 112 |
width: 48%; |
|
| 113 |
display: inline-block; |
|
| 114 |
float: left; |
|
| 93 | 115 |
|
| 94 | 116 |
p {
|
| 95 | 117 |
font-size: 10pt ; |
| 96 | 118 |
} |
| 97 | 119 |
} |
| 98 |
|
|
| 120 |
.message{
|
|
| 121 |
width: 100% ; |
|
| 122 |
min-width: 100% ; |
|
| 123 |
max-width: 100% ; |
|
| 124 |
} |
|
| 99 | 125 |
} |
| 100 | 126 |
|
| 101 | 127 |
|
Auch abrufbar als: Unified diff
HP Aenderungen bis Oktober 2018