diff --git a/connect.css b/connect.css index 2bd2ea5..0f75919 100644 --- a/connect.css +++ b/connect.css @@ -10,31 +10,31 @@ html, body { body { min-height: 100%; - background-image: url(logo.png); - background-repeat: no-repeat; - background-position: 20px 20px; + background-image: url(logo.png); + background-repeat: no-repeat; + background-position: 20px 20px; } h1,h2,h3,h4,h5,h6 { - line-height: 1.4em; - margin-bottom:0.3em; - font-family: 'Arvo Regular', 'Trebuchet MS', 'Helvetica Neue', 'Helvetica', 'Arial', 'Verdana', 'sans-serif'; - font-weight: 400; + line-height: 1.4em; + margin-bottom:0.3em; + font-family: 'Arvo Regular', 'Trebuchet MS', 'Helvetica Neue', 'Helvetica', 'Arial', 'Verdana', 'sans-serif'; + font-weight: 400; } .container { - max-width: 600px; - margin: auto; - padding-top: 100px; + max-width: 600px; + margin: auto; + padding-top: 100px; } #connect #username, #connect input { - width: 100%; - display: block; + width: 100%; + display: block; } #connect input[type=text] { - box-sizing: border-box; + box-sizing: border-box; display: block; width: 100%; height: 34px; @@ -70,11 +70,11 @@ h1,h2,h3,h4,h5,h6 { background-image: none; border: 1px solid transparent; border-radius: 4px; - margin-top: 10px; - text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); + margin-top: 10px; + text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); - background-color: #ffee00; + background-color: #ffee00; background-image: none; color: #000; font-family: 'PTSans-Regular', 'Arvo Regular', 'Trebuchet MS', 'Helvetica Neue', 'Helvetica', 'Arial', 'Verdana', 'sans-serif'; @@ -82,21 +82,29 @@ h1,h2,h3,h4,h5,h6 { } #connect .error { - color: red; - display: none; + color: red; + display: none; } #connect input.error { - border: 2px solid red; + border: 2px solid red; } #failed, #nomedia { display: none } - +.status { + margin: 12px 0; + font-size: 1.2rem; +} .status.warn { - color: red; - font-weight: bold; + color: red; + font-weight: bold; +} + +.status.recommended { + color: red; + font-weight: bold; } @keyframes shake { @@ -115,4 +123,4 @@ h1,h2,h3,h4,h5,h6 { 40%, 60% { transform: translate3d(4px, 0, 0); } -} \ No newline at end of file +} diff --git a/connect.html b/connect.html index e97c98c..f97120a 100644 --- a/connect.html +++ b/connect.html @@ -23,16 +23,19 @@
Mumble ist ein Audiokonferenzsystem, mit dem Ihr euch per Webbrowser, Smartphone und Desktop App verbinden könnt.
Am einfachsten kannst du teilnehmen, indem du hier deinen Benutzernamen eingibst und dann auf "Verbinden" klickst.
Diese Seite funktioniert mit deinem Browser nicht so gut. Am besten hören dich die anderen mit Firefox. Wenn du noch keinen Firefox hast kannst du dir Firefox auch hier ganz einfach auf deinem Computer installieren.
+