diff --git a/style.css b/style.css index aa28479..23efa5e 100644 --- a/style.css +++ b/style.css @@ -4,6 +4,9 @@ body { font-family: 'Lato', sans-serif; margin: 0; margin-top: 25; + + + } table, td, th { @@ -33,14 +36,13 @@ td { tr { background: rgba(18,18,18, 0.6) !important; } -table.center { - margin-left: auto; - margin-right: auto; -} +table { +} .profil { text-align: center; font-size: 20px; + } a:link{ @@ -54,15 +56,19 @@ a:hover{ color:gray; } + +table.center { + margin-left: auto; + margin-right: auto; +} + .loginform { max-width: 340px; - padding: 30px; + padding: 20px; padding-bottom: 0px; - background: rgba(18,18,18, 0.3); - border: 2px solid #DDDDDD; - position: relative; margin: auto; - bottom: 10px; + border: 2px solid #DDDDDD + border-radius: } .loginform input { width: 100%; @@ -97,6 +103,7 @@ a:hover{ top: 280px; } + .bild { background: rgba(18,18,18, 0.3); border-top: 2px solid #DDDDDD; @@ -114,21 +121,25 @@ a:hover{ position: fixed; } + + .key{ + color: white; max-width: 64px; max-height: 64px; } -.key_login{. +.key_login{ padding: 0; padding-top: 2; position: fixed; - right: 10px; - bottom: 10px; + right: 15px; + bottom: 15px; } + .m_login{ - display: none; + display: none; position: fixed; z-index: 1; padding-top: 100px; @@ -137,27 +148,29 @@ a:hover{ width: 100%; height: 100%; overflow: auto; - background: rgba(18,18,18, 0.6); - } .m_login_c{ - background: rgba(18,18,18, 0.6); - margin: auto; - padding: 20px; - border: 1px solid #888; - width: 80%; - text-align: center; + background-color: #fff; + border-radius: 8px; + height: 200px; + margin-top: -240px; + left: 50%; + top: 50%; + position: absolute; + transform: translateX(-50%); + border: 2px solid #DDDDDD } -.close{ - color: #aaaaaa; - float: right; - font-size: 5vw; - font-weight: bold; +.close { + color: #aaaaaa; + position: fixed; + top: 2; + left: 6; + font-weight: bold; } .close:hover, .close:focus { - color: red; - text-decoration: none; - cursor: pointer; + color: red; + text-decoration: none; + cursor: pointer; }