diff options
Diffstat (limited to 'mayor-orig/www/skin/classic/module-auth/css')
| -rw-r--r-- | mayor-orig/www/skin/classic/module-auth/css/forgotten.css | 66 | ||||
| -rw-r--r-- | mayor-orig/www/skin/classic/module-auth/css/login.css | 108 |
2 files changed, 174 insertions, 0 deletions
diff --git a/mayor-orig/www/skin/classic/module-auth/css/forgotten.css b/mayor-orig/www/skin/classic/module-auth/css/forgotten.css new file mode 100644 index 00000000..a3e63ada --- /dev/null +++ b/mayor-orig/www/skin/classic/module-auth/css/forgotten.css @@ -0,0 +1,66 @@ + + div.mayorbody h1 {text-align: center; margin:10px; font-size:20px; } + div.mayorbody h2 {text-align: center; margin:10px; font-size: 15px; } + + form.forgot { width: 450px; margin: 40px auto; text-align: center; + box-shadow: 0px 0px 2px 0px #ccc; + padding: 20px; + } + form.forgot h1 { font-size: 16px; } +/* + form.forgot input[type=submit] { background: #1f6fd9; color: white; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); font-size: 12px; border: 1px solid #1d66c8; padding: 2px 10px; } + form.forgot input[type=submit]:hover { background-color: #2f7fe9;} +*/ + div.forgot { width: 400px; margin: 20px auto; text-align: center; box-shadow: 0px 0px 2px 0px #ccc; padding:0px; } +/* +régi + div.forgot a { color:#aaaaaa; display: block; padding:20px;} + div.forgot:hover a { background-color: cornflowerblue; color:white; } +*/ +form.forgot input, form.forgot select, +form.preforgot input, form.preforgot select{ + border: 1px solid rgba(0, 0, 0, .20); + border-radius: 4px; + color: rgba(0, 0, 0, 1); + display: block; + font-size: 17px; + height: 42px; + margin-bottom: 12px; + margin-left: auto; + margin-right: auto; + padding: 0 16px; + width: 286px; +} +form.forgot input.error {border-color:red;} + +form.forgot select, form.forgot input[type="submit"], +form.preforgot select, form.preforgot input[type="submit"]{ + width: 320px; +} +form.forgot input[type="submit"],form.preforgot input[type="submit"]{ border-color: white; background-color:white;} +form.forgot input[type="submit"]:hover,form.preforgot input[type="submit"]:hover { background-color:white; cursor: pointer; color: cornflowerblue; border-color: cornflowerblue;} + +div.loginlogo {margin-left: auto; margin-right:auto; text-align:center; margin-bottom: 2em; margin-top:50px;} +div.loginlogo img { padding:20px; height:50px; background-color: cornflowerblue; } + +p.forgotDone { text-align:center; } + + + + p.forgotDone a { + border: 1px solid rgba(0, 0, 0, .10); + border-radius: 4px; + color: rgba(0, 0, 0, .1); + display: block; + font-size: 16px; + height: 42px; + margin-bottom: 12px; + margin-left: auto; + margin-right: auto; + padding: 0 16px; + width: 286px; + line-height:42px; + } + p.forgotDone a:hover { background-color: cornflowerblue; } + p.forgotDone a:hover { color:white; } + diff --git a/mayor-orig/www/skin/classic/module-auth/css/login.css b/mayor-orig/www/skin/classic/module-auth/css/login.css new file mode 100644 index 00000000..da948475 --- /dev/null +++ b/mayor-orig/www/skin/classic/module-auth/css/login.css @@ -0,0 +1,108 @@ +div.mayorbody h1 {text-align: center; margin:10px; font-size:20px; } +div.mayorbody h2 {text-align: center; margin:10px; font-size: 15px; } + +form.nagylogin input, form.nagylogin select{ + border: 1px solid rgba(0, 0, 0, .20); + border-radius: 4px; + color: rgba(0, 0, 0, 1); + display: block; + font-size: 17px; + height: 42px; + margin-bottom: 12px; + margin-left: auto; + margin-right: auto; + padding: 0 16px; + width: 286px; +} +form.nagylogin input.error {border-color:red;} + +form.nagylogin select, form.nagylogin input[type="submit"]{ + width: 320px; +} +form.nagylogin input[type="submit"]{ border-color: white; background-color:white;} +form.nagylogin input[type="submit"]:hover { background-color:white; cursor: pointer; color: cornflowerblue; border-color: cornflowerblue;} +form.nagylogin div.loginlogo {margin-left: auto; margin-right:auto; text-align:center; margin-bottom: 2em;} +form.nagylogin div.loginlogo img { padding:20px; height:50px; background-color: cornflowerblue; } + +form.nagylogin div.loaderContainer { position: relative; + top: -45px; + left:-90px; + margin-left: auto; + margin-right: auto; + height:2px; + width:2px; + margin-bottom:0px; + padding-bottom:0px; +} +form.nagylogin div.loaderContainer div.loader { display: inline-block; } + +#warning { height: 40px; } +#capsLockWarning { + background: #ffffaa; color: #ffaaaa; + text-align: center; font-size: 20px; font-weight: bold; + padding: 20px; margin: 10px auto; width: 300px; +} + + form.forgot { margin: 0px auto; text-align: center; padding: 0px 0px; } + form.forgot h1 { } + form.forgot input[type=submit] { + background: #1f6fd9; color: white; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); border: 1px solid #1d66c8; padding: 2px 10px; + } + form.forgot a { + border: 1px solid rgba(0, 0, 0, .10); + border-radius: 4px; + color: rgba(0, 0, 0, .1); + display: block; + font-size: 16px; + height: 42px; + margin-bottom: 12px; + margin-left: auto; + margin-right: auto; + padding: 0 16px; + width: 286px; + line-height:42px; + } + form.forgot a:hover { background-color: cornflowerblue; } + form.forgot a:hover { color:white; } + +.loader { + margin: 0px auto; + font-size: 2px; + position: relative; + text-indent: -9999em; + border-top: 1.1em solid rgba(255,42,99, 0.2); + border-right: 1.1em solid rgba(255,42,99, 0.2); + border-bottom: 1.1em solid rgba(255,42,99, 0.2); + border-left: 1.1em solid #ff2a63; + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + -webkit-animation: load8 1.1s infinite linear; + animation: load8 1.1s infinite linear; +} +.loader, +.loader:after { + border-radius: 50%; + width: 10em; + height: 10em; +} +@-webkit-keyframes load8 { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes load8 { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} |