extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-24 06:49:16 +01:00
Code Issues Packages Projects Releases Wiki Activity

Some fine-tuning to login-page

Browse Source
This commit is contained in:
Hadi Nategh 2017-04-07 11:44:04 +02:00
parent f483d2feea
commit cbbd060bd8
5 changed files with 42 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
pixelegg/css/mobile.css
View File

@ -1684,7 +1684,7 @@ body {
display: none; display: none;
} }
#loginMainDiv .loginMessageBox #loginCdMessage.error { #loginMainDiv .loginMessageBox #loginCdMessage.error {
border: 3px solid #d2a453; border: 3px solid #7ab7ec;
color: red; color: red;
text-align: center; text-align: center;
font-size: 12pt; font-size: 12pt;
@ -1695,15 +1695,13 @@ body {
margin-left: 20px; margin-left: 20px;
border-radius: 5px; border-radius: 5px;
margin-right: 20px; margin-right: 20px;
border-top-left-radius: 0; padding: 20px;
border-top: none; margin-top: 20px;
border-top-right-radius: 0;
padding-bottom: 20px;
} }
#loginMainDiv .loginMessageBox .closeBtn { #loginMainDiv .loginMessageBox .closeBtn {
position: absolute; position: absolute;
right: 30px; right: 30px;
border: 2px solid #d2a453; border: 2px solid #7ab7ec;
border-radius: 100%; border-radius: 100%;
width: 20px; width: 20px;
height: 20px; height: 20px;
@ -1711,7 +1709,7 @@ body {
line-height: 20px; line-height: 20px;
font-size: 13pt; font-size: 13pt;
font-weight: bold; font-weight: bold;
bottom: 10px; top: 30px;
} }
#loginMainDiv .loginMessageBox .closeBtn:hover { #loginMainDiv .loginMessageBox .closeBtn:hover {
color: white; color: white;
@ -1722,9 +1720,9 @@ body {
background: transparent; background: transparent;
width: 100%; width: 100%;
text-align: center; text-align: center;
height: 45%; height: 40%;
display: block; display: block;
max-height: 45%; max-height: 40%;
} }
#loginMainDiv #divAppIconBar #divLogo { #loginMainDiv #divAppIconBar #divLogo {
position: relative; position: relative;
@ -1747,6 +1745,7 @@ body {
#loginMainDiv #loginScreenMessage:not([class $= "error"]) { #loginMainDiv #loginScreenMessage:not([class $= "error"]) {
margin: 1em; margin: 1em;
font-size: 12pt; font-size: 12pt;
color: #0a5ca5;
} }
#loginMainDiv #loginScreenMessage:not([class $= "error"]) img { #loginMainDiv #loginScreenMessage:not([class $= "error"]) img {
max-width: 100%; max-width: 100%;

17
pixelegg/css/pixelegg.css
View File

@ -1673,7 +1673,7 @@ body {
display: none; display: none;
} }
#loginMainDiv .loginMessageBox #loginCdMessage.error { #loginMainDiv .loginMessageBox #loginCdMessage.error {
border: 3px solid #d2a453; border: 3px solid #7ab7ec;
color: red; color: red;
text-align: center; text-align: center;
font-size: 12pt; font-size: 12pt;
@ -1684,15 +1684,13 @@ body {
margin-left: 20px; margin-left: 20px;
border-radius: 5px; border-radius: 5px;
margin-right: 20px; margin-right: 20px;
border-top-left-radius: 0; padding: 20px;
border-top: none; margin-top: 20px;
border-top-right-radius: 0;
padding-bottom: 20px;
} }
#loginMainDiv .loginMessageBox .closeBtn { #loginMainDiv .loginMessageBox .closeBtn {
position: absolute; position: absolute;
right: 30px; right: 30px;
border: 2px solid #d2a453; border: 2px solid #7ab7ec;
border-radius: 100%; border-radius: 100%;
width: 20px; width: 20px;
height: 20px; height: 20px;
@ -1700,7 +1698,7 @@ body {
line-height: 20px; line-height: 20px;
font-size: 13pt; font-size: 13pt;
font-weight: bold; font-weight: bold;
bottom: 10px; top: 30px;
} }
#loginMainDiv .loginMessageBox .closeBtn:hover { #loginMainDiv .loginMessageBox .closeBtn:hover {
color: white; color: white;
@ -1711,9 +1709,9 @@ body {
background: transparent; background: transparent;
width: 100%; width: 100%;
text-align: center; text-align: center;
height: 45%; height: 40%;
display: block; display: block;
max-height: 45%; max-height: 40%;
} }
#loginMainDiv #divAppIconBar #divLogo { #loginMainDiv #divAppIconBar #divLogo {
position: relative; position: relative;
@ -1736,6 +1734,7 @@ body {
#loginMainDiv #loginScreenMessage:not([class $= "error"]) { #loginMainDiv #loginScreenMessage:not([class $= "error"]) {
margin: 1em; margin: 1em;
font-size: 12pt; font-size: 12pt;
color: #0a5ca5;
} }
#loginMainDiv #loginScreenMessage:not([class $= "error"]) img { #loginMainDiv #loginScreenMessage:not([class $= "error"]) img {
max-width: 100%; max-width: 100%;

17
pixelegg/less/layout_loginPage.less
View File

@ -54,7 +54,7 @@
} }
#loginCdMessage.error { #loginCdMessage.error {
border: 3px solid #d2a453; border: 3px solid #7ab7ec;
color: red; color: red;
text-align: center; text-align: center;
font-size: 12pt; font-size: 12pt;
@ -65,15 +65,13 @@
margin-left: 20px; margin-left: 20px;
border-radius: 5px; border-radius: 5px;
margin-right: 20px; margin-right: 20px;
border-top-left-radius: 0; padding: 20px;
border-top: none; margin-top: 20px;
border-top-right-radius: 0;
padding-bottom: 20px;
} }
.closeBtn { .closeBtn {
position: absolute; position: absolute;
right: 30px; right: 30px;
border: 2px solid #d2a453; border: 2px solid #7ab7ec;
border-radius: 100%; border-radius: 100%;
width: 20px; width: 20px;
height: 20px; height: 20px;
@ -81,7 +79,7 @@
line-height: 20px; line-height: 20px;
font-size: 13pt; font-size: 13pt;
font-weight: bold; font-weight: bold;
bottom: 10px; top: 30px;
&:hover { &:hover {
color: white; color: white;
background:black; background:black;
@ -94,9 +92,9 @@
background: transparent; background: transparent;
width: 100%; width: 100%;
text-align: center; text-align: center;
height: 45%; height: 40%;
display: block; display: block;
max-height: 45%; max-height: 40%;
#divLogo { #divLogo {
position: relative; position: relative;
padding-top: 20px; padding-top: 20px;
@ -125,6 +123,7 @@
margin: 1em; margin: 1em;
font-size: 12pt; font-size: 12pt;
img {max-width: 100%;} img {max-width: 100%;}
color: #0a5ca5;
} }
div#login_footer { div#login_footer {
position: absolute; position: absolute;

29
pixelegg/mobile/fw_mobile.css
View File

@ -1695,7 +1695,7 @@ body {
display: none; display: none;
} }
#loginMainDiv .loginMessageBox #loginCdMessage.error { #loginMainDiv .loginMessageBox #loginCdMessage.error {
border: 3px solid #d2a453; border: 3px solid #7ab7ec;
color: red; color: red;
text-align: center; text-align: center;
font-size: 12pt; font-size: 12pt;
@ -1706,15 +1706,13 @@ body {
margin-left: 20px; margin-left: 20px;
border-radius: 5px; border-radius: 5px;
margin-right: 20px; margin-right: 20px;
border-top-left-radius: 0; padding: 20px;
border-top: none; margin-top: 20px;
border-top-right-radius: 0;
padding-bottom: 20px;
} }
#loginMainDiv .loginMessageBox .closeBtn { #loginMainDiv .loginMessageBox .closeBtn {
position: absolute; position: absolute;
right: 30px; right: 30px;
border: 2px solid #d2a453; border: 2px solid #7ab7ec;
border-radius: 100%; border-radius: 100%;
width: 20px; width: 20px;
height: 20px; height: 20px;
@ -1722,7 +1720,7 @@ body {
line-height: 20px; line-height: 20px;
font-size: 13pt; font-size: 13pt;
font-weight: bold; font-weight: bold;
bottom: 10px; top: 30px;
} }
#loginMainDiv .loginMessageBox .closeBtn:hover { #loginMainDiv .loginMessageBox .closeBtn:hover {
color: white; color: white;
@ -1733,9 +1731,9 @@ body {
background: transparent; background: transparent;
width: 100%; width: 100%;
text-align: center; text-align: center;
height: 45%; height: 40%;
display: block; display: block;
max-height: 45%; max-height: 40%;
} }
#loginMainDiv #divAppIconBar #divLogo { #loginMainDiv #divAppIconBar #divLogo {
position: relative; position: relative;
@ -1758,6 +1756,7 @@ body {
#loginMainDiv #loginScreenMessage:not([class $= "error"]) { #loginMainDiv #loginScreenMessage:not([class $= "error"]) {
margin: 1em; margin: 1em;
font-size: 12pt; font-size: 12pt;
color: #0a5ca5;
} }
#loginMainDiv #loginScreenMessage:not([class $= "error"]) img { #loginMainDiv #loginScreenMessage:not([class $= "error"]) img {
max-width: 100%; max-width: 100%;
@ -6986,7 +6985,7 @@ form[id^="tracker-"] .dialogHeadbar {
display: none; display: none;
} }
div#loginMainDiv .loginMessageBox #loginCdMessage.error { div#loginMainDiv .loginMessageBox #loginCdMessage.error {
border: 3px solid #d2a453; border: 3px solid #7ab7ec;
color: red; color: red;
text-align: center; text-align: center;
font-size: 12pt; font-size: 12pt;
@ -6997,15 +6996,13 @@ form[id^="tracker-"] .dialogHeadbar {
margin-left: 20px; margin-left: 20px;
border-radius: 5px; border-radius: 5px;
margin-right: 20px; margin-right: 20px;
border-top-left-radius: 0; padding: 20px;
border-top: none; margin-top: 20px;
border-top-right-radius: 0;
padding-bottom: 20px;
} }
div#loginMainDiv .loginMessageBox .closeBtn { div#loginMainDiv .loginMessageBox .closeBtn {
position: absolute; position: absolute;
right: 30px; right: 30px;
border: 2px solid #d2a453; border: 2px solid #7ab7ec;
border-radius: 100%; border-radius: 100%;
width: 20px; width: 20px;
height: 20px; height: 20px;
@ -7013,7 +7010,7 @@ form[id^="tracker-"] .dialogHeadbar {
line-height: 20px; line-height: 20px;
font-size: 13pt; font-size: 13pt;
font-weight: bold; font-weight: bold;
bottom: 10px; top: 30px;
} }
div#loginMainDiv .loginMessageBox .closeBtn:hover { div#loginMainDiv .loginMessageBox .closeBtn:hover {
color: white; color: white;

12
pixelegg/mobile/fw_mobile.less
View File

@ -65,7 +65,7 @@
} }
#loginCdMessage.error { #loginCdMessage.error {
border: 3px solid #d2a453; border: 3px solid #7ab7ec;
color: red; color: red;
text-align: center; text-align: center;
font-size: 12pt; font-size: 12pt;
@ -76,15 +76,13 @@
margin-left: 20px; margin-left: 20px;
border-radius: 5px; border-radius: 5px;
margin-right: 20px; margin-right: 20px;
border-top-left-radius: 0; padding: 20px;
border-top: none; margin-top: 20px;
border-top-right-radius: 0;
padding-bottom: 20px;
} }
.closeBtn { .closeBtn {
position: absolute; position: absolute;
right: 30px; right: 30px;
border: 2px solid #d2a453; border: 2px solid #7ab7ec;
border-radius: 100%; border-radius: 100%;
width: 20px; width: 20px;
height: 20px; height: 20px;
@ -92,7 +90,7 @@
line-height: 20px; line-height: 20px;
font-size: 13pt; font-size: 13pt;
font-weight: bold; font-weight: bold;
bottom: 10px; top: 30px;
&:hover { &:hover {
color: white; color: white;
background:black; background:black;