magic-removal: Changed admin templates to load individual stylesheets only when necessary and further modularized css.

git-svn-id: http://code.djangoproject.com/svn/django/branches/magic-removal@2625 bcc190cf-cafb-0310-a4f2-bffc1f526a37

django/contrib/admin/media/css/base.css

@@ -9,10 +9,6 @@
 /* Import other styles */
 @import url('global.css');
 @import url('layout.css');
-@import url('changelists.css');
-@import url('forms.css');
-@import url('widgets.css');
-@import url('dashboard.css');
 
 /* Import patch for IE 6 Windows */
 /*\*/ @import "patch-iewin.css"; /**/

django/contrib/admin/media/css/changelists.css

@@ -1,3 +1,6 @@
+@import url('base.css');
+
+/* CHANGELISTS */
 #changelist { position:relative; width:100%; }
 #changelist table { width:100%; }
 .change-list .filtered table { border-right:1px solid #ddd;  }
@@ -36,3 +39,12 @@
 .change-list ul.toplinks li { float: left; width: 9em; padding:3px 6px; font-weight: bold; list-style-type:none; }
 .change-list ul.toplinks .date-back a { color:#999; }
 .change-list ul.toplinks .date-back a:hover { color:#036; }
+
+/* PAGINATOR */
+.paginator { font-size:11px; padding-top:10px; padding-bottom:10px; line-height:22px; margin:0; border-top:1px solid #ddd; }
+.paginator a:link, .paginator a:visited	{ padding:2px 6px; border:solid 1px #ccc; background:white; text-decoration:none; }
+.paginator a.showall { padding:0 !important; border:none !important; }
+.paginator a.showall:hover { color:#036 !important; background:transparent !important; }
+.paginator .end	{ border-width:2px !important; margin-right:6px; }
+.paginator .this-page { padding:2px 6px; font-weight:bold; font-size:13px; vertical-align:top; }
+.paginator a:hover { color:white; background:#5b80b2; border-color:#036; }

django/contrib/admin/media/css/dashboard.css

@@ -1,3 +1,5 @@
+@import url('base.css');
+
 /* DASHBOARD */
 .dashboard .module table th { width:100%; }
 .dashboard .module table td { white-space:nowrap; }

django/contrib/admin/media/css/forms.css

@@ -1,8 +1,11 @@
+@import url('base.css');
+@import url('widgets.css');
+
 /* SUBMIT ROW */
-.submit-row { padding:5px 7px; text-align:right; background:white url(../img/admin/nav-bg.gif) 0 100% repeat-x;; border:1px solid #ccc; margin:5px 0; }
+.submit-row { padding:5px 7px; text-align:right; background:white url(../img/admin/nav-bg.gif) 0 100% repeat-x; border:1px solid #ccc; margin:5px 0; }
 .submit-row input { margin:0 0 0 5px; }
 .submit-row p { margin-top:0.3em; }
-.submit-row .deletelink { background:url(../img/admin/tool-delete.gif) 0 50% no-repeat; padding-left:18px; }
+.submit-row .deletelink { background:url(../img/admin/icon_deletelink.gif) 0 50% no-repeat; padding-left:14px; }
 
 /* FORM ROWS */
 .form-row { overflow:hidden; padding:8px 12px; font-size:11px; border-bottom:1px solid #eee; }

django/contrib/admin/media/css/global.css

@@ -1,4 +1,4 @@
-body { margin:0; padding:0; font-family:"Lucida Grande","Bitstream Vera Sans",Verdana,Arial,sans-serif; color:#333; background:#fff; }
+body { margin:0; padding:0; font-size:12px; font-family:"Lucida Grande","Bitstream Vera Sans",Verdana,Arial,sans-serif; color:#333; background:#fff; }
 
 /* LINKS */
 a:link, a:visited { color: #5b80b2; text-decoration:none; }
@@ -6,7 +6,7 @@ a:hover { color: #036; }
 a img { border:none; }
 
 /* GLOBAL DEFAULTS */
-p, ol, ul, dl { margin:.2em 0 .8em 0; font-size:12px; }
+p, ol, ul, dl { margin:.2em 0 .8em 0; }
 p { padding:0; line-height:140%; }
 
 h1,h2,h3,h4,h5 { font-weight:bold; }

django/contrib/admin/media/css/widgets.css

@@ -67,15 +67,6 @@ p.file-upload { line-height:20px; margin:0; padding:0; color:#666; font-size:11p
 ul.timelist, .timelist li { list-style-type:none; margin:0; padding:0; }
 .timelist a { padding:2px; }
 
-/* PAGINATOR */
-.paginator { font-size:11px; padding-top:10px; padding-bottom:10px; line-height:22px; margin:0; border-top:1px solid #ddd; }
-.paginator a:link, .paginator a:visited	{ padding:2px 6px; border:solid 1px #ccc; background:white; text-decoration:none; }
-.paginator a.showall { padding:0 !important; border:none !important; }
-.paginator a.showall:hover { color:#036 !important; background:transparent !important; }
-.paginator .end	{ border-width:2px !important; margin-right:6px; }
-.paginator .this-page { padding:2px 6px; font-weight:bold; font-size:13px; vertical-align:top; }
-.paginator a:hover { color:white; background:#5b80b2; border-color:#036; }
-
 /* INLINE ORDERER */
 ul.orderer {  position:relative; padding:0 !important; margin:0 !important; list-style-type:none; }
 ul.orderer li { list-style-type:none; display:block; padding:0; margin:0; border:1px solid #bbb; border-width:0 1px 1px 0; white-space:nowrap; overflow:hidden; background:#e2e2e2 url(../img/admin/nav-bg-grabber.gif) repeat-y; }

django/contrib/admin/templates/admin/change_form.html

@@ -4,6 +4,7 @@
 <script type="text/javascript" src="../../../jsi18n/"></script>
 {% for js in javascript_imports %}{% include_admin_script js %}{% endfor %}
 {% endblock %}
+{% block stylesheet %}{% admin_media_prefix %}css/forms.css{% endblock %}
 {% block coltype %}{% if ordered_objects %}colMS{% else %}colM{% endif %}{% endblock %}
 {% block bodyclass %}{{ opts.app_label }}-{{ opts.object_name.lower }} change-form{% endblock %}
 {% block userlinks %}<a href="../../../doc/">{% trans 'Documentation' %}</a> / <a href="../../../password_change/">{% trans 'Change password' %}</a> / <a href="../../../logout/">{% trans 'Log out' %}</a>{% endblock %}

django/contrib/admin/templates/admin/change_list.html

@@ -1,5 +1,6 @@
 {% extends "admin/base_site" %}
 {% load adminmedia admin_list i18n %}
+{% block stylesheet %}{% admin_media_prefix %}css/changelists.css{% endblock %}
 {% block bodyclass %}change-list{% endblock %}
 {% block userlinks %}<a href="../../doc/">{% trans 'Documentation' %}</a> / <a href="../../password_change/">{% trans 'Change password' %}</a> / <a href="../../logout/">{% trans 'Log out' %}</a>{% endblock %}
 {% if not is_popup %}{% block breadcrumbs %}<div class="breadcrumbs"><a href="../../">{% trans "Home" %}</a> &rsaquo; {{ cl.opts.verbose_name_plural|capfirst }}</div>{% endblock %}{% endif %}

django/contrib/admin/templates/admin/index.html

@@ -1,6 +1,7 @@
 {% extends "admin/base_site" %}
 {% load i18n %}
 
+{% block stylesheet %}{% load adminmedia %}{% admin_media_prefix %}css/dashboard.css{% endblock %}
 {% block coltype %}colMS{% endblock %}
 {% block bodyclass %}dashboard{% endblock %}
 {% block breadcrumbs %}{% endblock %}

django/contrib/admin/templates/admin/login.html

@@ -1,6 +1,7 @@
 {% extends "admin/base_site" %}
 {% load i18n %}
 
+{% block content_title %}{% endblock %}
 {% block breadcrumbs %}{% endblock %}
 
 {% block content %}
@@ -9,20 +10,18 @@
 <p class="errornote">{{ error_message }}</p>
 {% endif %}
 <div id="content-main">
-<form action="{{ app_path }}" method="post">
+<form action="{{ app_path }}" method="post" id="login-form">
-
+	<div class="form-row">
-<p class="aligned">
+		<label for="id_username">{% trans 'Username:' %}</label> <input type="text" name="username" id="id_username" />
-<label for="id_username">{% trans 'Username:' %}</label> <input type="text" name="username" id="id_username" />
+	</div>
-</p>
+	<div class="form-row">
-<p class="aligned">
+		<label for="id_password">{% trans 'Password:' %}</label> <input type="password" name="password" id="id_password" />
-<label for="id_password">{% trans 'Password:' %}</label> <input type="password" name="password" id="id_password" />
+		<input type="hidden" name="this_is_the_login_form" value="1" />
-<input type="hidden" name="this_is_the_login_form" value="1" />
+		<input type="hidden" name="post_data" value="{{ post_data }}" /> <span class="help">{% trans 'Have you <a href="/password_reset/">forgotten your password</a>?' %}</span>
-<input type="hidden" name="post_data" value="{{ post_data }}" />{% comment %} <span class="help">{% trans 'Have you <a href="/password_reset/">forgotten your password</a>?' %}</span>{% endcomment %}
+	</div>
-</p>
+	<div class="submit-row">
-
+		<label>&nbsp;</label><input type="submit" value="{% trans 'Log in' %}" />
-<div class="aligned ">
+	</div>
-<label>&nbsp;</label><input type="submit" value="{% trans 'Log in' %}" />
-</div>
 </form>
 
 <script type="text/javascript">