Newer
Older
.icnml_login {
width: 400px;
margin-left: auto;
margin-right: auto;
}
.icnml_login_top {
text-align: center;
padding: 3px;
}
.icnml_login_form {
padding: 10px;
}
.icnml_login_field {
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 10px;
margin-bottom: 10px;
}
.icnml_login_button {
text-align: center;
}
#icnml_login_error {
text-align: center;
color: red;
margin-bottom: 10px;
}
body {
background-color: rgb( 238, 238, 238 );
font-family: Segoe UI, Arial, sans-serif;
font-size: 0.8em;
}
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
a {
color: rgb( 238, 238, 238 );
}
.icnml_body {
margin: 0px;
display: grid;
grid-template-areas:
"logo info"
"nav content";
grid-template-columns: 175px 5fr;
grid-template-rows: minmax( 40px, auto ) auto auto auto;
}
.header_bg {
background-color: #303e4d;
}
.logo {
grid-area: logo;
color: rgb( 238, 238, 238 );
padding-left: 10px;
font-size: 2em;
font-weight: bold;
}
.user_info {
grid-area: info;
color: rgb( 238, 238, 238 );
text-align: right;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
}
.user_info > span {
margin-left: 10px;
}