Permalink
Browse files

Unsupported browser detection notice

  • Loading branch information...
1 parent 2d3024f commit b0ecd47dc0b00d99b0d2eb890354fe842b9cb6ff Milos Chmelar committed Jul 12, 2010
Showing with 40 additions and 22 deletions.
  1. +12 −0 ella/newman/media/css/base.css
  2. +28 −22 ella/newman/templates/newman/login.html
@@ -677,3 +677,15 @@ fieldset.collapse legend { background-image: url(../ico/16/14_layer_raiselayer.p
position: absolute; bottom: 85px; right: 10px; width: 600px; height: 400px; background: #fff; border: 2px solid #d66;
}
.delete-confirmation .cnt { max-height: 355px; }
+
+
+/* LOGIN PAGE */
+.login { background: #000 url(../img/newman.jpg) bottom right no-repeat; position: fixed; top: 0; left: 0; bottom: 0; right: 0; line-height: 170%; }
+.login .content-main { margin: 10em auto; padding: 5px; color: #fff; font-size: 150%; }
+.login .browser-notice { width: 600px; margin: 0 auto 3em auto; padding: 10px; color: #000; font-size: 80%; -moz-border-radius: 5px; -webkit-border-radius: 5x; -khtml-border-radius: 5px; border-radius: 5px; background: #dbba30; }
+.login .browser-notice h3 { margin-bottom: .4em; font-weight: bold; color: #ba0808; }
+.login .errornote { width: 400px; margin: 0 auto 1em auto; padding: 5px; color: #c66; font-size: 80%; -moz-border-radius: 5px; -webkit-border-radius: 5x; -khtml-border-radius: 5px; border-radius: 5px; background: #ffc; }
+.login .login-form { width: 400px; margin: 0 auto; }
+.login input.text { width: 98%; background: #fff; }
+.login input.submit { font-size: 150%; }
+/* /LOGIN PAGE */
@@ -4,29 +4,35 @@
{% block breadcrumbs %}{% endblock %}
{% block content %}
-<div style="background: #000 url({{ NEWMAN_MEDIA_URL }}img/newman.jpg) bottom right no-repeat; position: fixed; top: 0; bottom: 0; left: 0; right: 0; line-height: 170%">
- <div id="content-main" style="width: 400px; margin: 12em auto; padding: 5px; color: #fff; font-size: 150%;">
- {% if error_message %}
- <p class="errornote" style="background: #ffc; color: #c66; padding: 5px; font-size: 80%; -moz-border-radius: 5px; margin-bottom: 1em;">{{ error_message }}</p>
- {% endif %}
- <form action="{{ app_path }}" method="post" id="login-form">
- <div class="form-row">
- <label for="id_username">{% trans 'Username:' %}</label> <input type="text" name="username" id="id_username" style="width: 98%;" />
- </div>
- <div class="form-row">
- <label for="id_password">{% trans 'Password:' %}</label> <input type="password" name="password" id="id_password" style="width: 98%;" />
- <input type="hidden" name="this_is_the_login_form" value="1" />
- <input type="hidden" name="next" id="next" value="" />
- </div>
- <div class="submit-row">
- <input type="submit" value="{% trans 'Log in' %}" style="font-size: 150%" />
- </div>
- </form>
+<div class="login">
+ <div id="content-main" class="content-main">
+ {% if info_browser_message %}
+ <div class="browser-notice">
+ <h3>Tento prohlížeč není plně podporován.</h3>
+ <p>K zaručení plné funkčnosti publikačního systému vám doporučujeme používat internetový prohlížeč <strong>Mozilla Firefox</strong> (<a href="http://firefox.mozilla.cz/stahnout/">stáhnout Firefox</a>) nebo <strong>Google Chrome</strong> (<a href="http://www.google.com/chrome/">stáhnout Chrome</a>).</p>
+ </div>
+ {% endif %}
+ {% if error_message %}
+ <p class="errornote">{{ error_message }}</p>
+ {% endif %}
+ <form action="{{ app_path }}" method="post" id="login-form" class="login-form">
+ <div class="form-row">
+ <label for="id_username">{% trans 'Username:' %}</label> <input type="text" class="text" name="username" id="id_username" />
+ </div>
+ <div class="form-row">
+ <label for="id_password">{% trans 'Password:' %}</label> <input type="password" class="text" name="password" id="id_password" />
+ <input type="hidden" name="this_is_the_login_form" value="1" />
+ <input type="hidden" name="next" id="next" value="" />
+ </div>
+ <div class="submit-row">
+ <input type="submit" class="submit" value="{% trans 'Log in' %}" />
+ </div>
+ </form>
- <script type="text/javascript">
- document.getElementById('id_username').focus()
- if (location.hash) { document.getElementById('next').value = location.hash; }
- </script>
+ <script type="text/javascript">
+ document.getElementById('id_username').focus()
+ if (location.hash) { document.getElementById('next').value = location.hash; }
+ </script>
</div>
</div>
{% endblock %}

0 comments on commit b0ecd47

Please sign in to comment.