data_grid 0.0.1 → 0.0.2

data/app/assets/javascripts/data_grid/grid_calendar/lang/calendar-sp.js

@@ -0,0 +1,110 @@
+// ** I18N
+
+// Calendar SP language
+// Author: Rafael Velasco <rvu_at_idecnet_dot_com>
+// Encoding: any
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("Domingo",
+ "Lunes",
+ "Martes",
+ "Miercoles",
+ "Jueves",
+ "Viernes",
+ "Sabado",
+ "Domingo");
+
+Calendar._SDN = new Array
+("Dom",
+ "Lun",
+ "Mar",
+ "Mie",
+ "Jue",
+ "Vie",
+ "Sab",
+ "Dom");
+
+// full month names
+Calendar._MN = new Array
+("Enero",
+ "Febrero",
+ "Marzo",
+ "Abril",
+ "Mayo",
+ "Junio",
+ "Julio",
+ "Agosto",
+ "Septiembre",
+ "Octubre",
+ "Noviembre",
+ "Diciembre");
+
+// short month names
+Calendar._SMN = new Array
+("Ene",
+ "Feb",
+ "Mar",
+ "Abr",
+ "May",
+ "Jun",
+ "Jul",
+ "Ago",
+ "Sep",
+ "Oct",
+ "Nov",
+ "Dic");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "Informaci�n del Calendario";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"Nuevas versiones en: http://www.dynarch.com/projects/calendar/\n" +
+"Distribuida bajo licencia GNU LGPL.  Para detalles vea http://gnu.org/licenses/lgpl.html ." +
+"\n\n" +
+"Selecci�n de Fechas:\n" +
+"- Use  \xab, \xbb para seleccionar el a�o\n" +
+"- Use " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " para seleccionar el mes\n" +
+"- Mantenga presionado el bot�n del rat�n en cualquiera de las opciones superiores para un acceso rapido .";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Selecci�n del Reloj:\n" +
+"- Seleccione la hora para cambiar el reloj\n" +
+"- o presione  Shift-click para disminuirlo\n" +
+"- o presione click y arrastre del rat�n para una selecci�n rapida.";
+
+Calendar._TT["PREV_YEAR"] = "A�o anterior (Presione para menu)";
+Calendar._TT["PREV_MONTH"] = "Mes Anterior (Presione para menu)";
+Calendar._TT["GO_TODAY"] = "Ir a Hoy";
+Calendar._TT["NEXT_MONTH"] = "Mes Siguiente (Presione para menu)";
+Calendar._TT["NEXT_YEAR"] = "A�o Siguiente (Presione para menu)";
+Calendar._TT["SEL_DATE"] = "Seleccione fecha";
+Calendar._TT["DRAG_TO_MOVE"] = "Arrastre y mueva";
+Calendar._TT["PART_TODAY"] = " (Hoy)";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "Mostrar %s primero";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "Cerrar";
+Calendar._TT["TODAY"] = "Hoy";
+Calendar._TT["TIME_PART"] = "(Shift-)Click o arrastra para cambar el valor";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%dd-%mm-%yy";
+Calendar._TT["TT_DATE_FORMAT"] = "%A, %e de %B de %Y";
+
+Calendar._TT["WK"] = "Sm";
+Calendar._TT["TIME"] = "Hora:";

data/app/assets/javascripts/data_grid/grid_calendar/lang/calendar-sv.js

@@ -0,0 +1,93 @@
+// ** I18N
+
+// Calendar SV language (Swedish, svenska)
+// Author: Mihai Bazon, <mihai_bazon@yahoo.com>
+// Translation team: <sv@li.org>
+// Translator: Leonard Norrg�rd <leonard.norrgard@refactor.fi>
+// Last translator: Leonard Norrg�rd <leonard.norrgard@refactor.fi>
+// Encoding: iso-latin-1
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("s�ndag",
+ "m�ndag",
+ "tisdag",
+ "onsdag",
+ "torsdag",
+ "fredag",
+ "l�rdag",
+ "s�ndag");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+Calendar._SDN_len = 2;
+Calendar._SMN_len = 3;
+
+// full month names
+Calendar._MN = new Array
+("januari",
+ "februari",
+ "mars",
+ "april",
+ "maj",
+ "juni",
+ "juli",
+ "augusti",
+ "september",
+ "oktober",
+ "november",
+ "december");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "Om kalendern";
+
+Calendar._TT["ABOUT"] =
+"DHTML Datum/tid-v�ljare\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"F�r senaste version g� till: http://www.dynarch.com/projects/calendar/\n" +
+"Distribueras under GNU LGPL.  Se http://gnu.org/licenses/lgpl.html f�r detaljer." +
+"\n\n" +
+"Val av datum:\n" +
+"- Anv�nd knapparna \xab, \xbb f�r att v�lja �r\n" +
+"- Anv�nd knapparna " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " f�r att v�lja m�nad\n" +
+"- H�ll musknappen nedtryckt p� n�gon av ovanst�ende knappar f�r snabbare val.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Val av tid:\n" +
+"- Klicka p� en del av tiden f�r att �ka den delen\n" +
+"- eller skift-klicka f�r att minska den\n" +
+"- eller klicka och drag f�r snabbare val.";
+
+Calendar._TT["PREV_YEAR"] = "F�reg�ende �r (h�ll f�r menu)";
+Calendar._TT["PREV_MONTH"] = "F�reg�ende m�nad (h�ll f�r menu)";
+Calendar._TT["GO_TODAY"] = "G� till dagens datum";
+Calendar._TT["NEXT_MONTH"] = "F�ljande m�nad (h�ll f�r menu)";
+Calendar._TT["NEXT_YEAR"] = "F�ljande �r (h�ll f�r menu)";
+Calendar._TT["SEL_DATE"] = "V�lj datum";
+Calendar._TT["DRAG_TO_MOVE"] = "Drag f�r att flytta";
+Calendar._TT["PART_TODAY"] = " (idag)";
+Calendar._TT["MON_FIRST"] = "Visa m�ndag f�rst";
+Calendar._TT["SUN_FIRST"] = "Visa s�ndag f�rst";
+Calendar._TT["CLOSE"] = "St�ng";
+Calendar._TT["TODAY"] = "Idag";
+Calendar._TT["TIME_PART"] = "(Skift-)klicka eller drag f�r att �ndra tid";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
+Calendar._TT["TT_DATE_FORMAT"] = "%A %d %b %Y";
+
+Calendar._TT["WK"] = "vecka";

data/app/assets/javascripts/data_grid/grid_calendar/lang/calendar-tr.js

@@ -0,0 +1,58 @@
+//////////////////////////////////////////////////////////////////////////////////////////////
+//	Turkish Translation by Nuri AKMAN
+//	Location: Ankara/TURKEY
+//	e-mail	: nuriakman@hotmail.com
+//	Date	: April, 9 2003
+//
+//	Note: if Turkish Characters does not shown on you screen
+//		  please include falowing line your html code:
+//
+//		  <meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
+//
+//////////////////////////////////////////////////////////////////////////////////////////////
+
+// ** I18N
+Calendar._DN = new Array
+("Pazar",
+ "Pazartesi",
+ "Sal�",
+ "�ar�amba",
+ "Per�embe",
+ "Cuma",
+ "Cumartesi",
+ "Pazar");
+Calendar._MN = new Array
+("Ocak",
+ "�ubat",
+ "Mart",
+ "Nisan",
+ "May�s",
+ "Haziran",
+ "Temmuz",
+ "A�ustos",
+ "Eyl�l",
+ "Ekim",
+ "Kas�m",
+ "Aral�k");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["TOGGLE"] = "Haftan�n ilk g�n�n� kayd�r";
+Calendar._TT["PREV_YEAR"] = "�nceki Y�l (Men� i�in bas�l� tutunuz)";
+Calendar._TT["PREV_MONTH"] = "�nceki Ay (Men� i�in bas�l� tutunuz)";
+Calendar._TT["GO_TODAY"] = "Bug�n'e git";
+Calendar._TT["NEXT_MONTH"] = "Sonraki Ay (Men� i�in bas�l� tutunuz)";
+Calendar._TT["NEXT_YEAR"] = "Sonraki Y�l (Men� i�in bas�l� tutunuz)";
+Calendar._TT["SEL_DATE"] = "Tarih se�iniz";
+Calendar._TT["DRAG_TO_MOVE"] = "Ta��mak i�in s�r�kleyiniz";
+Calendar._TT["PART_TODAY"] = " (bug�n)";
+Calendar._TT["MON_FIRST"] = "Takvim Pazartesi g�n�nden ba�las�n";
+Calendar._TT["SUN_FIRST"] = "Takvim Pazar g�n�nden ba�las�n";
+Calendar._TT["CLOSE"] = "Kapat";
+Calendar._TT["TODAY"] = "Bug�n";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "dd-mm-y";
+Calendar._TT["TT_DATE_FORMAT"] = "d MM y, DD";
+
+Calendar._TT["WK"] = "Hafta";

data/app/assets/javascripts/data_grid/grid_calendar/lang/calendar-zh.js

@@ -0,0 +1,119 @@
+// ** I18N
+
+// Calendar ZH language
+// Author: muziq, <muziq@sina.com>
+// Encoding: GB2312 or GBK
+// Distributed under the same terms as the calendar itself.
+
+// full day names
+Calendar._DN = new Array
+("������",
+ "����һ",
+ "���ڶ�",
+ "������",
+ "������",
+ "������",
+ "������",
+ "������");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("��",
+ "һ",
+ "��",
+ "��",
+ "��",
+ "��",
+ "��",
+ "��");
+
+// full month names
+Calendar._MN = new Array
+("һ��",
+ "����",
+ "����",
+ "����",
+ "����",
+ "����",
+ "����",
+ "����",
+ "����",
+ "ʮ��",
+ "ʮһ��",
+ "ʮ����");
+
+// short month names
+Calendar._SMN = new Array
+("һ��",
+ "����",
+ "����",
+ "����",
+ "����",
+ "����",
+ "����",
+ "����",
+ "����",
+ "ʮ��",
+ "ʮһ��",
+ "ʮ����");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "����";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"For latest version visit: http://www.dynarch.com/projects/calendar/\n" +
+"Distributed under GNU LGPL.  See http://gnu.org/licenses/lgpl.html for details." +
+"\n\n" +
+"ѡ������:\n" +
+"- ��� \xab, \xbb ��ťѡ�����\n" +
+"- ��� " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " ��ťѡ���·�\n" +
+"- �������ϰ�ť�ɴӲ˵��п���ѡ����ݻ��·�";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"ѡ��ʱ��:\n" +
+"- ���Сʱ����ӿ�ʹ����ֵ��һ\n" +
+"- ��סShift�����Сʱ����ӿ�ʹ����ֵ��һ\n" +
+"- ����϶����ɽ��п���ѡ��";
+
+Calendar._TT["PREV_YEAR"] = "��һ�� (��ס���˵�)";
+Calendar._TT["PREV_MONTH"] = "��һ�� (��ס���˵�)";
+Calendar._TT["GO_TODAY"] = "ת������";
+Calendar._TT["NEXT_MONTH"] = "��һ�� (��ס���˵�)";
+Calendar._TT["NEXT_YEAR"] = "��һ�� (��ס���˵�)";
+Calendar._TT["SEL_DATE"] = "ѡ������";
+Calendar._TT["DRAG_TO_MOVE"] = "�϶�";
+Calendar._TT["PART_TODAY"] = " (����)";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "�������ʾ%s";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "�ر�";
+Calendar._TT["TODAY"] = "����";
+Calendar._TT["TIME_PART"] = "(Shift-)��������϶��ı�ֵ";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
+Calendar._TT["TT_DATE_FORMAT"] = "%A, %b %e��";
+
+Calendar._TT["WK"] = "��";
+Calendar._TT["TIME"] = "ʱ��:";

data/app/assets/javascripts/data_grid/grid_calendar/lang/cn_utf8.js

@@ -0,0 +1,123 @@
+// ** I18N
+
+// Calendar EN language
+// Author: Mihai Bazon, <mishoo@infoiasi.ro>
+// Encoding: any
+// Translator : Niko <nikoused@gmail.com>
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("\u5468\u65e5",//\u5468\u65e5
+ "\u5468\u4e00",//\u5468\u4e00
+ "\u5468\u4e8c",//\u5468\u4e8c
+ "\u5468\u4e09",//\u5468\u4e09
+ "\u5468\u56db",//\u5468\u56db
+ "\u5468\u4e94",//\u5468\u4e94
+ "\u5468\u516d",//\u5468\u516d
+ "\u5468\u65e5");//\u5468\u65e5
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("\u5468\u65e5",
+ "\u5468\u4e00",
+ "\u5468\u4e8c",
+ "\u5468\u4e09",
+ "\u5468\u56db",
+ "\u5468\u4e94",
+ "\u5468\u516d",
+ "\u5468\u65e5");
+
+// full month names
+Calendar._MN = new Array
+("\u4e00\u6708",
+ "\u4e8c\u6708",
+ "\u4e09\u6708",
+ "\u56db\u6708",
+ "\u4e94\u6708",
+ "\u516d\u6708",
+ "\u4e03\u6708",
+ "\u516b\u6708",
+ "\u4e5d\u6708",
+ "\u5341\u6708",
+ "\u5341\u4e00\u6708",
+ "\u5341\u4e8c\u6708");
+
+// short month names
+Calendar._SMN = new Array
+("\u4e00\u6708",
+ "\u4e8c\u6708",
+ "\u4e09\u6708",
+ "\u56db\u6708",
+ "\u4e94\u6708",
+ "\u516d\u6708",
+ "\u4e03\u6708",
+ "\u516b\u6708",
+ "\u4e5d\u6708",
+ "\u5341\u6708",
+ "\u5341\u4e00\u6708",
+ "\u5341\u4e8c\u6708");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "\u5173\u4e8e";
+
+Calendar._TT["ABOUT"] =
+"   DHTML \u65e5\u8d77/\u65f6\u95f4\u9009\u62e9\u63a7\u4ef6\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"For latest version visit: \u6700\u65b0\u7248\u672c\u8bf7\u767b\u9646http://www.dynarch.com/projects/calendar/\u5bdf\u770b\n" +
+"\u9075\u5faaGNU LGPL.  \u7ec6\u8282\u53c2\u9605 http://gnu.org/licenses/lgpl.html" +
+"\n\n" +
+"\u65e5\u671f\u9009\u62e9:\n" +
+"- \u70b9\u51fb\xab(\xbb)\u6309\u94ae\u9009\u62e9\u4e0a(\u4e0b)\u4e00\u5e74\u5ea6.\n" +
+"- \u70b9\u51fb" + String.fromCharCode(0x2039) + "(" + String.fromCharCode(0x203a) + ")\u6309\u94ae\u9009\u62e9\u4e0a(\u4e0b)\u4e2a\u6708\u4efd.\n" +
+"- \u957f\u65f6\u95f4\u6309\u7740\u6309\u94ae\u5c06\u51fa\u73b0\u66f4\u591a\u9009\u62e9\u9879.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"\u65f6\u95f4\u9009\u62e9:\n" +
+"-\u5728\u65f6\u95f4\u90e8\u5206(\u5206\u6216\u8005\u79d2)\u4e0a\u5355\u51fb\u9f20\u6807\u5de6\u952e\u6765\u589e\u52a0\u5f53\u524d\u65f6\u95f4\u90e8\u5206(\u5206\u6216\u8005\u79d2)\n" +
+"-\u5728\u65f6\u95f4\u90e8\u5206(\u5206\u6216\u8005\u79d2)\u4e0a\u6309\u4f4fShift\u952e\u540e\u5355\u51fb\u9f20\u6807\u5de6\u952e\u6765\u51cf\u5c11\u5f53\u524d\u65f6\u95f4\u90e8\u5206(\u5206\u6216\u8005\u79d2).";
+
+Calendar._TT["PREV_YEAR"] = "\u4e0a\u4e00\u5e74";
+Calendar._TT["PREV_MONTH"] = "\u4e0a\u4e2a\u6708";
+Calendar._TT["GO_TODAY"] = "\u5230\u4eca\u5929";
+Calendar._TT["NEXT_MONTH"] = "\u4e0b\u4e2a\u6708";
+Calendar._TT["NEXT_YEAR"] = "\u4e0b\u4e00\u5e74";
+Calendar._TT["SEL_DATE"] = "\u9009\u62e9\u65e5\u671f";
+Calendar._TT["DRAG_TO_MOVE"] = "\u62d6\u52a8";
+Calendar._TT["PART_TODAY"] = " (\u4eca\u5929)";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "%s\u4e3a\u8fd9\u5468\u7684\u7b2c\u4e00\u5929";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "\u5173\u95ed";
+Calendar._TT["TODAY"] = "\u4eca\u5929";
+Calendar._TT["TIME_PART"] = "(\u6309\u7740Shift\u952e)\u5355\u51fb\u6216\u62d6\u52a8\u6539\u53d8\u503c";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
+Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e\u65e5";
+
+Calendar._TT["WK"] = "\u5468";
+Calendar._TT["TIME"] = "\u65f6\u95f4:";

data/app/assets/stylesheets/data_grid/data_grid.css

@@ -0,0 +1,90 @@
+div.data_grid {
+    font-family: Verdana, Arial, Helvetica, sans-serif;
+    font-size: 12px;
+}
+
+table.data_grid {
+    border: 1px solid #808080;
+    border-collapse: separate;
+    width: 100%;
+}
+
+table.data_grid th {
+    text-align: left;
+    background-color: #C6D4E4;
+    padding: 6px 3px;
+    color: #000;
+    line-height: 18px;
+}
+
+table.data_grid td {
+    border-width: 1px;
+    padding: 3px;
+    border-style: none;
+    border-color: #011b36;
+    color: #000;
+    font-size: 11px;
+    line-height: 18px;
+    padding-left: 4px;
+}
+
+table.data_grid td.odd { background-color: #F0FFF0; }
+
+table.data_grid tr.filters td { 
+  background-color: #E9F0F4; 
+  border-bottom: 1px solid #C0C0C0;
+}
+
+table.data_grid a, table.data_grid a:active, table.data_grid a:focus { color: #12c; }
+
+table.data_grid tr:hover td.data_grid_row { background-color: #ddd; }
+
+table.data_grid td.grid_no_data {
+  font-size:16px; 
+  font-weight:bold;
+}
+
+table.data_grid tr.summary td { background-color: #E9F0F4; }
+
+table.data_grid tfoot tr td { background-color: #E9F0F4; }
+
+table.data_grid a.sorting.down {
+  padding-right: 13px;
+  background: url("/assets/data_grid/sort_down.gif") right 4px no-repeat; 
+}
+
+table.data_grid a.sorting.up {
+  padding-right: 13px;
+  background: url("/assets/data_grid/sort_up.gif") right 4px no-repeat; 
+}
+
+table.data_grid tfoot td div { margin: 0; padding: 0; }
+table.data_grid tfoot td .data_grid_fl { float:left; }
+table.data_grid tfoot td .data_grid_fr { float:right; }
+table.data_grid tfoot td .data_grid_lmargin { margin-left: 20px; }
+
+table.data_grid tfoot td .pagination { margin-right: 40px; }
+table.data_grid tfoot td ul.data_grid_pagination {
+  display: inline-block;
+  padding: 0;
+  margin: 0;
+  
+  *float: left;
+}
+table.data_grid tfoot td ul.data_grid_pagination li {
+  display: inline;
+  font-size: 14px;
+  font-weight: bold;
+  float: none;
+  margin: 0 2px;
+}
+table.data_grid tfoot td ul.data_grid_pagination a {
+  display: inline-block;
+  font-weight: bold;
+  font-size: 12px;
+
+  *display: block;
+}
+
+table.data_grid form input.data_grid_filter_input { width: 48px; }
+

data/app/assets/stylesheets/data_grid/data_grid_3_0.css

@@ -0,0 +1,90 @@
+div.data_grid {
+    font-family: Verdana, Arial, Helvetica, sans-serif;
+    font-size: 12px;
+}
+
+table.data_grid {
+    border: 1px solid #808080;
+    border-collapse: separate;
+    width: 100%;
+}
+
+table.data_grid th {
+    text-align: left;
+    background-color: #C6D4E4;
+    padding: 6px 3px;
+    color: #000;
+    line-height: 18px;
+}
+
+table.data_grid td {
+    border-width: 1px;
+    padding: 3px;
+    border-style: none;
+    border-color: #011b36;
+    color: #000;
+    font-size: 11px;
+    line-height: 18px;
+    padding-left: 4px;
+}
+
+table.data_grid td.odd { background-color: #F0FFF0; }
+
+table.data_grid tr.filters td { 
+  background-color: #E9F0F4; 
+  border-bottom: 1px solid #C0C0C0;
+}
+
+table.data_grid a, table.data_grid a:active, table.data_grid a:focus { color: #12c; }
+
+table.data_grid tr:hover td.data_grid_row { background-color: #ddd; }
+
+table.data_grid td.grid_no_data {
+  font-size:16px; 
+  font-weight:bold;
+}
+
+table.data_grid tr.summary td { background-color: #E9F0F4; }
+
+table.data_grid tfoot tr td { background-color: #E9F0F4; }
+
+table.data_grid a.sorting.down {
+  padding-right: 13px;
+  background: url("/images/data_grid/sort_down.gif") right 4px no-repeat; 
+}
+
+table.data_grid a.sorting.up {
+  padding-right: 13px;
+  background: url("/images/data_grid/sort_up.gif") right 4px no-repeat; 
+}
+
+table.data_grid tfoot td div { margin: 0; padding: 0; }
+table.data_grid tfoot td .data_grid_fl { float:left; }
+table.data_grid tfoot td .data_grid_fr { float:right; }
+table.data_grid tfoot td .data_grid_lmargin { margin-left: 20px; }
+
+table.data_grid tfoot td .pagination { margin-right: 40px; }
+table.data_grid tfoot td ul.data_grid_pagination {
+  display: inline-block;
+  padding: 0;
+  margin: 0;
+  
+  *float: left;
+}
+table.data_grid tfoot td ul.data_grid_pagination li {
+  display: inline;
+  font-size: 14px;
+  font-weight: bold;
+  float: none;
+  margin: 0 2px;
+}
+table.data_grid tfoot td ul.data_grid_pagination a {
+  display: inline-block;
+  font-weight: bold;
+  font-size: 12px;
+
+  *display: block;
+}
+
+table.data_grid form input.data_grid_filter_input { width: 48px; }
+