Page Menu
Home
In-Portal Phabricator
Search
Configure Global Search
Log In
Files
F1102947
D444.diff
No One
Temporary
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Mute Notifications
Award Token
Flag For Later
Subscribers
None
File Metadata
Details
File Info
Storage
Attached
Created
Tue, Aug 19, 12:44 PM
Size
51 KB
Mime Type
text/x-diff
Expires
Wed, Aug 20, 12:44 PM (1 h, 10 m)
Engine
blob
Format
Raw Data
Handle
714322
Attached To
D444: INP-1839 - Implement Two-Column Layout Support
D444.diff
View Options
Index: core/admin_templates/incs/style_template.css
===================================================================
--- core/admin_templates/incs/style_template.css
+++ core/admin_templates/incs/style_template.css
@@ -450,7 +450,7 @@
padding: 0px;
}
-.subsectiontitle {
+.subsectiontitle, td.subsectiontitle-cell {
font-size: 10pt;
font-weight: bold;
background-color: #4A92CE;
@@ -465,12 +465,26 @@
border-top-width: 0;
}
-.subsectiontitle td {
+table.edit-form tr:nth-child(-n+2) td.subsectiontitle-cell, table.bordered tr:nth-child(-n+2) td.subsectiontitle-cell {
+ border-top-width: 0;
+}
+
+.subsectiontitle td, td.subsectiontitle-cell {
vertical-align: middle;
/*padding: 3px 5px 3px 5px;*/
padding: 1px 5px;
}
+td.parent-cell {
+ width: 10px;
+ text-align: center;
+ background-color: #EBF0FA;
+}
+
+td.subsectiontitle-cell.parent-cell {
+ background-color: #93BEE1;
+}
+
.label-cell {
background: #DEE7F6 url('@@base_url@@/core/admin_templates/img/bgr_input_name_line.gif') no-repeat right bottom;
font: 12px arial, sans-serif;
Index: core/admin_templates/incs/two_column_layout.tpl
===================================================================
--- /dev/null
+++ core/admin_templates/incs/two_column_layout.tpl
@@ -0,0 +1,77 @@
+<inp2:m_DefineElement name="subsection" with_parent_cell="1" colspan="3" style="" id="" content="" after_text="">
+ <inp2:m_if check="m_Param" name="with_parent_cell">
+ <td class="subsectiontitle-cell parent-cell"> </td>
+ </inp2:m_if>
+
+ <td class="subsectiontitle-cell" style="<inp2:m_Param name='style'/>" colspan="<inp2:m_param name='colspan'/>"<inp2:m_if check="m_Param" name="id"> id="<inp2:m_Param name='id'/>"</inp2:m_if>>
+ <inp2:m_if check="m_Param" name="content">
+ <inp2:m_Param name="content"/>
+ <inp2:m_else/>
+ <inp2:m_phrase label="$title"/><inp2:m_Param name="after_text"/>
+ </inp2:m_if>
+ </td>
+</inp2:m_DefineElement>
+
+<inp2:m_DefineElement name="subsection_row" with_parent_cell="1" content="" after_text="">
+ <tr>
+ <inp2:m_if check="m_Param" name="with_parent_cell">
+ <inp2:m_RenderElement name="subsection" with_parent_cell="1" colspan="7" pass_params="1"/>
+ <inp2:m_else/>
+ <inp2:m_RenderElement name="subsection" with_parent_cell="0" colspan="8" pass_params="1"/>
+ </inp2:m_if>
+ </tr>
+</inp2:m_DefineElement>
+
+<inp2:m_DefineElement name="form_row" error_field_suffix="" title="la_fld_{$field}" has_caption="1" caption_render_as="default_field_caption_element" rowspan="1">
+ <inp2:m_if check="{$prefix}_FieldVisible" field="$field">
+ <td class="parent-cell" rowspan="<inp2:m_param name='rowspan'/>">
+
+ </td>
+
+ <inp2:m_if check="m_Param" name="has_caption">
+ <inp2:m_RenderElement name="inp_edit_field_caption" field="{$field}{$error_field_suffix}" pass_params="1"/>
+ </inp2:m_if>
+
+ <inp2:m_Param name="content" pass_params="1"/>
+
+ <inp2:m_RenderElement name="inp_edit_error" prefix="$prefix" field="{$field}{$error_field_suffix}"/>
+
+ <inp2:m_if check="{$prefix}_DisplayOriginal" pass_params="1">
+ <inp2:m_RenderElement prefix="$prefix" field="$field" name="inp_original_label"/>
+ </inp2:m_if>
+ </inp2:m_if>
+</inp2:m_DefineElement>
+
+<inp2:m_DefineElement name="inp_edit_filler" filler="1" filler_id="form_filler" control_options="false" style="" colspan="1" rowspan="1">
+ <td class="parent-cell" style="<inp2:m_Param name='style'/>" rowspan="<inp2:m_param name='rowspan'/>">
+
+ </td>
+ <td class="label-cell<inp2:m_if check='m_Param' name='filler'>-filler</inp2:m_if>" rowspan="<inp2:m_param name='rowspan'/>"></td>
+ <td class="control-mid<inp2:m_if check='m_Param' name='filler'>-filler</inp2:m_if>" rowspan="<inp2:m_param name='rowspan'/>"></td>
+ <td class="control-cell<inp2:m_if check='m_Param' name='filler'>-filler</inp2:m_if>" colspan="<inp2:m_Param name='colspan'/>" rowspan="<inp2:m_param name='rowspan'/>">
+ <inp2:m_if check="m_Param" name="filler" equals_to="2">
+ <div id="<inp2:m_Param name='filler_id'/>" style="width: 100%; height: 16px; background-color: inherit"></div>
+ <script type="text/javascript">
+ Form.addControl('<inp2:m_Param name="filler_id"/>', <inp2:m_param name="control_options"/>);
+ </script>
+ <inp2:m_else/>
+
+ </inp2:m_if>
+ </td>
+</inp2:m_DefineElement>
+
+<inp2:m_DefineElement name="inp_edit_filler_row">
+ <tr class="<inp2:m_odd_even odd='edit-form-odd' even='edit-form-even'/>" style="height: auto;">
+ <inp2:m_RenderElement name="inp_edit_filler" filler="2" filler_id="form_filler_left"/>
+ <inp2:m_RenderElement name="inp_edit_filler"/>
+ </tr>
+</inp2:m_DefineElement>
+
+<inp2:m_DefineElement name="column_spacer" width="50%">
+ <tr>
+ <td style="padding: 0;"></td>
+ <td colspan="3" style="padding: 0; width: <inp2:m_Param name='width'/>;"></td>
+ <td style="padding: 0;"></td>
+ <td colspan="3" style="padding: 0;"></td>
+ </tr>
+</inp2:m_DefineElement>
Index: core/admin_templates/js/forms.js
===================================================================
--- core/admin_templates/js/forms.js
+++ core/admin_templates/js/forms.js
@@ -140,7 +140,7 @@
Form.Controls = new Array();
Form.Div = false;
-Form.MinControlsHeight = 0;
+Form.MinControlsHeight = {1: 0, 2: 0}; // {column number: height, ...}
Form.Options = new Object();
Form.FlexibleCount = 0;
@@ -154,9 +154,9 @@
return ;
}
- for (var i = 0; i < this.Controls.length; i++) {
- dim = getDimensions( document.getElementById(this.Controls[i]) );
- options = this.Options[this.Controls[i]];
+ this.IterateControls(function (control, options) {
+ var dim = getDimensions( document.getElementById(control) ),
+ column_number = options['column_number'];
if (options.height) { // fixed height
options.min_height = options.height;
@@ -164,18 +164,18 @@
}
if (!options.min_height) {
- options.min_height = $( jq('#' + this.Controls[i]) ).outerHeight(); // dim.innerHeight
+ options.min_height = $( jq('#' + control) ).outerHeight(); // dim.innerHeight
}
-// if ( $( jq('#' + this.Controls[i]) ).parents('tr:first').is(':visible') ) {
- this.MinControlsHeight += options.min_height;
+// if ( $( jq('#' + control) ).parents('tr:first').is(':visible') ) {
+ this.MinControlsHeight[column_number] += options.min_height;
// }
if (dim.innerHeight < options.min_height) {
- document.getElementById(this.Controls[i]).style.height = options.min_height+'px';
+ document.getElementById(control).style.height = options.min_height+'px';
}
-// alert('adding element '+this.Controls[i]+' height: '+options.min_height+' total: '+this.MinControlsHeight)
- }
+// alert('adding element '+control+' height: '+options.min_height+' total: '+this.MinControlsHeight[column_number])
+ });
// all <script> tags will be executed again after wrap method is called, so remove them to prevent that
$('script', this.Div).remove();
@@ -247,12 +247,13 @@
Form.addControl = function(id, options) {
this.Controls.push(id);
if (!options) {
- options = {coeff: 1, max_height: 0, min_height: 0};
+ options = {coeff: 1, max_height: 0, min_height: 0, column_number: 1};
}
else {
if (typeof(options['coeff']) == 'undefined') options['coeff'] = 1;
if (typeof(options['max_height']) == 'undefined') options['max_height'] = 0;
if (typeof(options['min_height']) == 'undefined') options['min_height'] = 0;
+ if (typeof(options['column_number']) == 'undefined') options['column_number'] = 1;
}
options['real_height'] = 0;
this.Options[id] = options; // for future use
@@ -330,59 +331,77 @@
this.Div.style.width = (w-scroller_width) + 'px';
this.Div.parentNode.style.height = h + 'px';
- var count = this.Controls.length;
+ this.ResetHeights();
+ var used = this.SetMinHeights();
- // -count here is adjustment - 1px for each control
- var split = h /*- (count * 2)*/ - this.MinHeight + this.MinControlsHeight;
+ var $me = this;
- if (split < this.MinControlsHeight) {
- split = this.MinControlsHeight;
- }
+ $.each(this.MinControlsHeight, function (column_number, column_min_controls_height) {
+ column_number = parseInt(column_number); // Needed, because iterated object property is always a string.
- this.ResetHeights();
- var used = this.SetMinHeights();
+ var count = $me.GetControlCount(column_number);
- split -= used;
+ // -count here is adjustment - 1px for each control
+ var split = h /*- (count * 2)*/ - $me.MinHeight + column_min_controls_height;
- var cur_diff = 0;
- var iterations = 0;
- do {
- var prev_diff = cur_diff;
- var cur_diff = this.SplitExtra(split);
- split = cur_diff;
- iterations++;
- } while (cur_diff != 0 && cur_diff != prev_diff && iterations < 10);
-
- for (var i = 0; i < this.Controls.length; i++) {
- document.getElementById(this.Controls[i]).style.height = this.Options[ this.Controls[i] ]['real_height'] + 'px';
-// document.getElementById(this.Controls[i]).value = this.Options[this.Controls[i]]['real_height'];
- }
+ if (split < column_min_controls_height) {
+ split = column_min_controls_height;
+ }
+
+ split -= used[column_number];
+
+ var prev_diff,
+ cur_diff = 0,
+ iterations = 0;
+
+ do {
+ prev_diff = cur_diff;
+ cur_diff = $me.SplitExtra(split, column_number);
+ split = cur_diff;
+ iterations++;
+ } while (cur_diff != 0 && cur_diff != prev_diff && iterations < 10);
+ });
+
+ this.IterateControls(function (control, options) {
+ document.getElementById(control).style.height = options['real_height'] + 'px';
+// document.getElementById(control).value = options['real_height'];
+ });
// alert('h is: '+h+' min height is '+this.MinHeight+' MinControlsHeight is '+this.MinControlsHeight+' -> '+split+' to split between '+count);
// print_pre(this.Controls)
};
+Form.GetControlCount = function(column_number)
+{
+ var ret = 0;
+
+ this.IterateColumnControls(column_number, function (control, options) {
+ ret++;
+ });
+
+ return ret;
+}
+
Form.ResetHeights = function()
{
- for (var i = 0; i < this.Controls.length; i++) {
- var options = this.Options[this.Controls[i]]
+ this.IterateControls(function (control, options) {
options['real_height'] = 0;
options.fixed = false;
- }
- this.FlexibleCount = this.Controls.length;
+ });
+
+ this.FlexibleCount = this.Controls.length; // FIXME: Not adapted for multi-column for layout.
};
// Enlarge heights when possible
// Return any not split pixels number
-Form.SplitExtra = function(split) {
+Form.SplitExtra = function(split, column_number) {
var number = 0;
- for (var i = 0; i < this.Controls.length; i++) {
- var options = this.Options[ this.Controls[i] ];
+ this.IterateColumnControls(column_number, function (control, options) {
if (options['max_height'] == 0 || options['real_height'] < options.max_height) {
number++;
}
- }
+ });
if (number == 0) {
return 0;
@@ -391,8 +410,8 @@
var delta = Math.floor(split / number);
// alert('splitting '+split+' between '+number+' delta is '+delta)
var added = 0;
- for (var i = 0; i < this.Controls.length; i++) {
- var options = this.Options[this.Controls[i]];
+
+ var control_ids = this.IterateColumnControls(column_number, function (control, options) {
var to_add;
if (options['max_height'] != 0 && options['real_height'] + delta > options['max_height']) {
to_add = options['max_height'] - options['real_height'];
@@ -403,13 +422,19 @@
// alert('delta: '+delta+' current real: '+options['real_height']+' min: '+options['min_height']+' max:'+options['max_height']+' to_add: '+to_add)
options['real_height'] = options['real_height'] + to_add;
added += to_add;
- }
+ });
+
// alert('added total '+added)
// removing extra added from the last (any) control
if (added > split) {
- extra = added - split;
- options['real_height'] -= extra;
+ var extra = added - split;
+
+ if ( control_ids.length > 0 ) {
+ var last_control_id = control_ids[control_ids.length - 1];
+ this.Options[last_control_id]['real_height'] -= extra;
+ }
+
added -= extra;
}
return split - added;
@@ -417,13 +442,49 @@
Form.SetMinHeights = function()
{
- var used = 0;
- for (var i = 0; i < this.Controls.length; i++) {
- var options = this.Options[this.Controls[i]]
+ var used = {1: 0, 2: 0}; // {column number: height, ...}
+
+ this.IterateControls(function (control, options) {
+ var column_number = options['column_number'];
+
if (options['real_height'] < options['min_height']) {
options['real_height'] = options.min_height;
- used += options.min_height;
+ used[column_number] += options.min_height;
}
- }
+ });
+
return used;
};
+
+Form.IterateControls = function(callback)
+{
+ var i, control, options, ret = [];
+
+ for (i = 0; i < this.Controls.length; i++) {
+ control = this.Controls[i];
+ options = this.Options[control];
+
+ callback.call(this, control, options);
+ ret.push(control);
+ }
+
+ return ret;
+};
+
+Form.IterateColumnControls = function(column_number, callback)
+{
+ var i, control, options, control_column_number, ret = [];
+
+ for (i = 0; i < this.Controls.length; i++) {
+ control = this.Controls[i];
+ options = this.Options[control];
+ control_column_number = options['column_number'];
+
+ if ( control_column_number === column_number ) {
+ callback.call(this, control, options);
+ ret.push(control);
+ }
+ }
+
+ return ret;
+};
Index: core/install/install_data.sql
===================================================================
--- core/install/install_data.sql
+++ core/install/install_data.sql
@@ -743,7 +743,7 @@
INSERT INTO Permissions VALUES (DEFAULT, 'in-portal:skins.edit', 11, 1, 1, 0);
INSERT INTO Permissions VALUES (DEFAULT, 'in-portal:skins.delete', 11, 1, 1, 0);
-INSERT INTO AdminSkins VALUES(DEFAULT, 'Default', '/* General elements */\r\n\r\nhtml {\r\n height: 100%;\r\n}\r\n\r\nbody {\r\n font-family: verdana,arial,helvetica,sans-serif;\r\n color: #000000;\r\n overflow-x: auto; overflow-y: auto;\r\n margin: 0px 0px 0px 0px;\r\n text-decoration: none;\r\n}\r\n\r\nbody, td {\r\n /* fix for Firefox, when font-size was not inherited in table cells */\r\n font-size: 9pt;\r\n}\r\n\r\na {\r\n color: #006699;\r\n text-decoration: none;\r\n}\r\n\r\na:hover {\r\n color: #009ff0;\r\n text-decoration: none;\r\n}\r\n\r\nform {\r\n display: inline;\r\n}\r\n\r\nimg { border: 0px; }\r\n\r\nbody.height-100 {\r\n height: 100%;\r\n}\r\n\r\nbody.regular-body {\r\n margin: 0px 10px 5px 10px;\r\n color: #000000;\r\n background-color: @@SectionBgColor@@;\r\n}\r\n\r\nbody.edit-popup {\r\n margin: 0px 0px 0px 0px;\r\n}\r\n\r\ntable.collapsed {\r\n border-collapse: collapse;\r\n}\r\n\r\n.bordered, table.bordered, .bordered-no-bottom {\r\n border: 1px solid #000000 !important;\r\n border-top-width: 0px;\r\n border-collapse: collapse;\r\n}\r\n\r\n.bordered-no-bottom {\r\n border-top-width: 1px;\r\n border-bottom: none;\r\n}\r\n\r\n.login-table td {\r\n padding: 1px;\r\n}\r\n\r\n.disabled {\r\n background-color: #ebebeb;\r\n}\r\n\r\n/* Head frame */\r\ntable.head-table {\r\n background: url(\'@@base_url@@/core/admin_templates/img/top_frame/right_background.png\') top right @@HeadBgColor@@ no-repeat;\r\n}\r\n\r\n.head-table tr td, .head-table tr td a {\r\n color: @@HeadColor@@\r\n}\r\n\r\ndiv#extra_toolbar td.button-active {\r\n background: url(\'@@base_url@@/core/admin_templates/img/top_frame/toolbar_button_background.gif\') bottom left repeat-x;\r\n height: 22px;\r\n}\r\n\r\ndiv#extra_toolbar td.button-active a {\r\n color: black;\r\n text-decoration: none;\r\n}\r\n\r\ntd.kx-block-header, .head-table tr td.kx-block-header{\r\n color: @@HeadBarColor@@;\r\n background: url(\'@@base_url@@/core/admin_templates/img/top_frame/toolbar_background.gif\') repeat-x top left;\r\n /*background-color: @@HeadBarBgColor@@;*/\r\n padding-left: 7px;\r\n padding-right: 7px;\r\n}\r\n\r\na.kx-header-link {\r\n text-decoration: underline;\r\n font-weight: bold;\r\n color: #0080C8;\r\n}\r\n\r\na.kx-header-link:hover {\r\n color: #FFCB05;\r\n text-decoration: none;\r\n}\r\n\r\n.kx-secondary-foreground {\r\n color: #FFFFFF;\r\n /*background-color: @@HeadBarBgColor@@;*/\r\n}\r\n\r\n.kx-login-button {\r\n background-color: #2D79D6;\r\n color: #FFFFFF;\r\n}\r\n\r\n/* General form button (yellow) */\r\n.button {\r\n font-size: 12px;\r\n font-weight: normal;\r\n color: #000000;\r\n background: url(\'@@base_url@@/core/admin_templates/img/button_back.gif\') #f9eeae repeat-x;\r\n text-decoration: none;\r\n}\r\n\r\n/* Disabled (grayed-out) form button */\r\n.button-disabled {\r\n font-size: 12px;\r\n font-weight: normal;\r\n color: #676767;\r\n background: url(\'@@base_url@@/core/admin_templates/img/button_back_disabled.gif\') #f9eeae repeat-x;\r\n text-decoration: none;\r\n}\r\n\r\n/* Tabs bar */\r\n\r\n.tab, .tab-active {\r\n background-color: #F0F1EB;\r\n padding: 3px 7px 2px 7px;\r\n border-top: 1px solid black;\r\n border-left: 1px solid black;\r\n border-right: 1px solid black;\r\n margin-left: 3px !important;\r\n white-space: nowrap;\r\n}\r\n\r\n.tab-active {\r\n background-color: #4487D9;\r\n}\r\n\r\n.tab a {\r\n color: #4487D9;\r\n font-weight: bold;\r\n}\r\n\r\n.tab-active a {\r\n color: #FFFFFF;\r\n font-weight: bold;\r\n}\r\n\r\na.scroll-left, a.scroll-right {\r\n cursor: pointer;\r\n display: block;\r\n float: left;\r\n height: 18px;\r\n margin: 0px 1px;\r\n width: 18px;\r\n}\r\n\r\na.scroll-left {\r\n background: transparent url(\'@@base_url@@/core/admin_templates/img/tabs/left.png\') no-repeat scroll 0 0;\r\n}\r\n\r\na.scroll-right {\r\n background: transparent url(\'@@base_url@@/core/admin_templates/img/tabs/right.png\') no-repeat scroll 0 0;\r\n}\r\n\r\na.disabled {\r\n visibility: hidden !important;\r\n}\r\n\r\na.scroll-left:hover, a.scroll-right:hover {\r\n background-position: 0 -18px;\r\n}\r\n\r\ntd.scroll-right-container {\r\n width: 20px;\r\n}\r\n\r\ntd.scroll-right-container.disabled, td.scroll-right-container.disabled * {\r\n width: 0px;\r\n margin: 0px;\r\n}\r\n\r\ntd.scroll-right-container.disabled br {\r\n display: none;\r\n}\r\n\r\n/* Toolbar */\r\n\r\n.toolbar {\r\n font-size: 8pt;\r\n border: 1px solid #000000;\r\n border-width: 0px 1px 1px 1px;\r\n background-color: @@ToolbarBgColor@@;\r\n border-collapse: collapse;\r\n}\r\n\r\n.toolbar td {\r\n height: 100%;\r\n}\r\n\r\n.toolbar-button, .toolbar-button-disabled, .toolbar-button-over {\r\n float: left;\r\n text-align: center;\r\n font-size: 8pt;\r\n padding: 5px 5px 5px 5px;\r\n vertical-align: middle;\r\n color: #006F99;\r\n}\r\n\r\n.toolbar-button-over {\r\n color: #000;\r\n}\r\n\r\n.toolbar-button-disabled {\r\n color: #444;\r\n}\r\n\r\n/* Scrollable Grids */\r\n\r\n\r\n.layout-only-table td {\r\n border: none !important;\r\n}\r\n\r\n/* Main Grid class */\r\n.grid-scrollable {\r\n padding: 0px;\r\n border: 1px solid black !important;\r\n border-top: none !important;\r\n}\r\n\r\n/* Div generated by js, which contains all the scrollable grid elements, affects the style of scrollable area without data (if there are too few rows) */\r\n.grid-container {\r\n background-color: #fff;\r\n}\r\n\r\n.grid-container table {\r\n border-collapse: collapse;\r\n}\r\n\r\n/* Inner div generated in each data-cell */\r\n.grid-cell-div {\r\n overflow: hidden;\r\n height: auto;\r\n}\r\n\r\n/* Main row definition */\r\n.grid-data-row td, .grid-data-row-selected td, .grid-data-row-even-selected td, .grid-data-row-mouseover td, .table-color1, .table-color2, .grid-edit-table .edit-form-odd > td, .grid-edit-table .edit-form-even > td {\r\n font-weight: normal;\r\n color: @@OddColor@@;\r\n background-color: @@OddBgColor@@;\r\n padding: 3px 5px 3px 5px;\r\n overflow: hidden;\r\n border-right: 1px solid #c9c9c9;\r\n}\r\n.grid-data-row-even td, .table-color2, .grid-edit-table .edit-form-even > td {\r\n background-color: @@EvenBgColor@@;\r\n color: @@EvenColor@@;\r\n}\r\n.grid-data-row td a, .grid-data-row-selected td a, .grid-data-row-mouseover td a {\r\n text-decoration: underline;\r\n}\r\n\r\n/* mouse-over rows */\r\n.grid-data-row-mouseover td, table tr.grid-data-row[_row_highlighted] td {\r\n background: #FFFDF4;\r\n}\r\n\r\n/* Selected row, applies to both checkbox and data areas */\r\n.grid-data-row-selected td, table tr.grid-data-row[_row_selected] td {\r\n background: #FEF2D6;\r\n}\r\n\r\n.grid-data-row-even-selected td, .grid-data-row-even[_row_selected] td {\r\n background: #FFF7E0;\r\n}\r\n\r\n/* General header cell definition */\r\n.grid-header-row td {\r\n font-weight: bold;\r\n background-color: @@ColumnTitlesBgColor@@;\r\n text-decoration: none;\r\n padding: 3px 5px 3px 5px;\r\n color: @@ColumnTitlesColor@@;\r\n border-right: none;\r\n text-align: left;\r\n vertical-align: middle !important;\r\n white-space: nowrap;\r\n border-right: 1px solid #777;\r\n}\r\n\r\n/* Filters row */\r\ntr.grid-header-row-1 td {\r\n background-color: @@FiltersBgColor@@;\r\n border-bottom: 1px solid black;\r\n}\r\n\r\n/* Grid Filters */\r\ntable.range-filter {\r\n width: 100%;\r\n}\r\n\r\n.range-filter td {\r\n padding: 0px 0px 2px 2px !important;\r\n border: none !important;\r\n font-size: 8pt !important;\r\n font-weight: normal !important;\r\n text-align: left;\r\n color: #000000 !important;\r\n}\r\n\r\ninput.filter, select.filter, input.filter-active, select.filter-active {\r\n margin-bottom: 0px;\r\n border: 1px solid #aaa;\r\n}\r\n\r\ninput.filter-active {\r\n background-color: #FFFF00;\r\n}\r\n\r\nselect.filter-active {\r\n background-color: #FFFF00;\r\n}\r\n\r\ndiv.filter, div.filter-active {\r\n background-color: white;\r\n border: 1px solid #AAAAAA;\r\n color: black;\r\n font-weight: normal;\r\n padding: 3px;\r\n}\r\n\r\ndiv.filter-active {\r\n background-color: #FFFF00;\r\n}\r\n\r\ndiv.multioptions_filter {\r\n position: absolute;\r\n z-index: 100;\r\n color: black;\r\n background-color: white;\r\n border: 1px solid black;\r\n padding: 3px 5px;\r\n display: none;\r\n vertical-align: middle;\r\n}\r\n\r\ndiv.multioptions_filter > div:first-child {\r\n overflow-y: auto;\r\n max-height: 200px;\r\n}\r\n\r\n/* Column titles row */\r\ntr.grid-header-row-0 td {\r\n height: 25px;\r\n font-weight: bold;\r\n background-color: @@ColumnTitlesBgColor@@;\r\n color: @@ColumnTitlesColor@@;\r\n border-bottom: 1px solid black;\r\n}\r\n\r\ntr.grid-header-row-0 td a {\r\n color: @@ColumnTitlesColor@@;\r\n}\r\n\r\ntr.grid-header-row-0 td a:hover {\r\n color: #FFCC00;\r\n}\r\n\r\n\r\n.grid-footer-row td {\r\n background-color: #D7D7D7;\r\n font-weight: bold;\r\n border-right: 1px solid #C9C9C9;\r\n padding: 3px 5px 3px 5px;\r\n}\r\n\r\ntd.grid-header-last-cell, td.grid-data-last-cell, td.grid-footer-last-cell {\r\n border-right: none !important;\r\n}\r\n\r\ntd.grid-data-col-0, td.grid-data-col-0 div {\r\n text-align: center;\r\n vertical-align: middle !important;\r\n}\r\n\r\ntr.grid-header-row-1 td.grid-header-col-1 {\r\n text-align: center;\r\n vertical-align: middle !important;\r\n}\r\n\r\ntr.grid-header-row-1 td.grid-header-col-1 div {\r\n display: table-cell;\r\n vertical-align: middle;\r\n}\r\n\r\n.grid-status-bar {\r\n border: 1px solid black;\r\n border-top: none;\r\n padding: 0px;\r\n width: 100%;\r\n border-collapse: collapse;\r\n height: 30px;\r\n}\r\n\r\n.grid-status-bar td {\r\n background-color: @@TitleBarBgColor@@;\r\n color: @@TitleBarColor@@;\r\n font-size: 11pt;\r\n font-weight: normal;\r\n padding: 2px 8px 2px 8px;\r\n}\r\n\r\n/* /Scrollable Grids */\r\n\r\n\r\n/* Forms */\r\ntable.edit-form {\r\n border: none;\r\n border-top-width: 0px !important;\r\n border-collapse: collapse;\r\n width: 100%;\r\n}\r\n\r\n.edit-form-odd, .edit-form-even {\r\n padding: 0px;\r\n}\r\n\r\n.subsectiontitle {\r\n font-size: 10pt;\r\n font-weight: bold;\r\n background-color: #4A92CE;\r\n color: #fff;\r\n height: 25px;\r\n border-top: 1px solid black;\r\n vertical-align: middle;\r\n}\r\n\r\n/* remove top-border from first sub-section element */\r\ntable.edit-form .subsectiontitle:first-child, table.bordered .subsectiontitle:first-child {\r\n border-top-width: 0;\r\n}\r\n\r\n.subsectiontitle td {\r\n vertical-align: middle;\r\n /*padding: 3px 5px 3px 5px;*/\r\n padding: 1px 5px;\r\n}\r\n\r\n.label-cell {\r\n background: #DEE7F6 url(\'@@base_url@@/core/admin_templates/img/bgr_input_name_line.gif\') no-repeat right bottom;\r\n font: 12px arial, sans-serif;\r\n padding: 4px 20px;\r\n width: 160px;\r\n}\r\n\r\n.control-mid {\r\n width: 13px;\r\n border-left: 1px solid #7A95C2;\r\n background: #fff url(\'@@base_url@@/core/admin_templates/img/bgr_mid.gif\') repeat-x left bottom;\r\n}\r\n\r\n.control-cell {\r\n font: 11px arial, sans-serif;\r\n padding: 4px 10px 5px 5px;\r\n background: #fff url(\'@@base_url@@/core/admin_templates/img/bgr_input_line.gif\') no-repeat left bottom;\r\n width: auto;\r\n vertical-align: middle;\r\n}\r\n\r\n.label-cell-filler {\r\n background: #DEE7F6 none;\r\n}\r\n.control-mid-filler {\r\n background: #fff none;\r\n border-left: 1px solid #7A95C2;\r\n}\r\n.control-cell-filler {\r\n background: #fff none;\r\n}\r\n\r\n.error {\r\n color: red;\r\n}\r\n.error-cell {\r\n color: red;\r\n}\r\n\r\n.field-required {\r\n color: red;\r\n}\r\n\r\n.warning-table {\r\n background-color: #F0F1EB;\r\n border: 1px solid #000000;\r\n border-collapse: collapse;\r\n border-top-width: 0px;\r\n}\r\n\r\n.form-notice, .form-warning {\r\n font-size: 11px;\r\n}\r\n\r\n.form-warning {\r\n color: red;\r\n}\r\n\r\n.form-notice {\r\n color: green;\r\n}\r\n\r\n.priority {\r\n color: red;\r\n padding-left: 1px;\r\n padding-right: 1px;\r\n font-size: 11px;\r\n}\r\n\r\n.small-statistics {\r\n font-size: 11px;\r\n color: #707070;\r\n}\r\n\r\n.req-note {\r\n font-style: italic;\r\n color: #333;\r\n}\r\n\r\n#scroll_container table.tableborder {\r\n border-collapse: separate\r\n}\r\n\r\nlabel.checkbox {\r\n white-space: nowrap;\r\n}\r\n\r\n/* Uploader */\r\n.uploader-queue div.file {\r\n font-size: 11px;\r\n border: 1px solid #7F99C5;\r\n padding: 3px;\r\n background-color: #DEE7F6;\r\n margin-bottom: 2px;\r\n}\r\n\r\n.uploader-queue .left {\r\n float: left;\r\n vertical-align: top;\r\n}\r\n\r\n.uploader-queue .file-label {\r\n margin-left: 5px;\r\n}\r\n\r\n.uploader-queue .preview .delete-checkbox {\r\n margin-top: -3px;\r\n}\r\n\r\n.uploader-queue .progress-container {\r\n margin: 2px 5px 0px 5px;\r\n}\r\n\r\n.uploader-queue .progress-empty {\r\n width: 150px;\r\n height: 9px;\r\n border: 1px solid black;\r\n background: url(\'@@base_url@@/core/admin_templates/img/progress_left.gif\') repeat-x;\r\n}\r\n\r\n.uploader-queue .progress-full {\r\n height: 9px;\r\n background: url(\'@@base_url@@/core/admin_templates/img/progress_done.gif\');\r\n}\r\n\r\n.uploader-queue .thumbnail {\r\n /*margin-bottom: 2px;*/\r\n border: 1px solid black;\r\n background-color: grey;\r\n}\r\n\r\n/* To be sorted */\r\nspan#category_path, span#category_path a {\r\n color: #FFFFFF;\r\n}\r\n\r\nspan#category_path a {\r\n text-decoration: underline;\r\n}\r\n\r\n/* Section title, right to the big icon */\r\n.admintitle {\r\n font-size: 16pt;\r\n font-weight: bold;\r\n color: @@SectionColor@@;\r\n text-decoration: none;\r\n}\r\n\r\n/* Page header (bluebar) */\r\n.page-title td {\r\n background-color: @@TitleBarBgColor@@;\r\n color: @@TitleBarColor@@;\r\n font-size: 11pt;\r\n font-weight: normal;\r\n padding: 2px 8px 2px 8px;\r\n}\r\n\r\n/* Right side of bluebar */\r\n.tablenav, tablenav a {\r\n font-size: 11pt;\r\n font-weight: bold;\r\n color: @@TitleBarColor@@;\r\n\r\n text-decoration: none;\r\n background-color: @@TitleBarBgColor@@;\r\n background-image: none;\r\n}\r\n\r\n/* Section title in the bluebar * -- why \'link\'? :S */\r\n.tablenav_link {\r\n font-size: 11pt;\r\n font-weight: bold;\r\n color: @@TitleBarColor@@;\r\n text-decoration: none;\r\n}\r\n\r\n/* Active page in top and bottom bluebars pagination */\r\n.current_page {\r\n font-size: 10pt;\r\n font-weight: bold;\r\n background-color: #fff;\r\n color: #2D79D6;\r\n padding: 3px 2px 3px 3px;\r\n}\r\n\r\n/* Other pages and arrows in pagination on blue */\r\n.nav_url {\r\n font-size: 10pt;\r\n font-weight: bold;\r\n color: #fff;\r\n padding: 3px 2px 3px 3px;\r\n}\r\n\r\n/* Tree */\r\n.tree-body {\r\n background-color: @@TreeBgColor@@;\r\n height: 100%\r\n}\r\n\r\n.tree_head.td, .tree_head, .tree_head:hover {\r\n font-weight: bold;\r\n font-size: 10px;\r\n color: #FFFFFF;\r\n font-family: Verdana, Arial;\r\n text-decoration: none;\r\n}\r\n\r\n.tree {\r\n padding: 0px;\r\n border: none;\r\n border-collapse: collapse;\r\n}\r\n\r\n.tree tr td {\r\n padding: 0px;\r\n margin: 0px;\r\n font-family: helvetica, arial, verdana,;\r\n font-size: 11px;\r\n white-space: nowrap;\r\n}\r\n\r\n.tree tr td a {\r\n font-size: 11px;\r\n color: @@TreeColor@@;\r\n font-family: Helvetica, Arial, Verdana;\r\n text-decoration: none;\r\n padding: 2px;\r\n}\r\n\r\n.tree tr td a:hover, .tree tr td a.debug-only-item:hover {\r\n color: @@TreeHoverColor@@;\r\n}\r\n\r\n.tree tr.highlighted td a, .tree tr.highlighted td a.debug-only-item {\r\n color: @@TreeHighColor@@;\r\n background-color: @@TreeHighBgColor@@;\r\n}\r\n\r\n.tree tr.highlighted td a:hover {\r\n color: @@TreeHighHoverColor@@;\r\n}\r\n\r\n.tree tr td a.debug-only-item {\r\n color: grey;\r\n}\r\n\r\n/* Ajax Dropdown */\r\n.suggest-box {\r\n border: 1px solid #999;\r\n background-color: #fff;\r\n}\r\n\r\n.suggest-item, .suggest-item-over {\r\n padding: 1px 2px 0px 2px;\r\n font-family: arial,verdana;\r\n font-size: 12px;\r\n}\r\n\r\n.suggest-item-over {\r\n background-color: #3366CC;\r\n color: #fff;\r\n}\r\n\r\n/* Dashboard Summary Boxes */\r\n.summary-box {\r\n border: 1px solid black;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.summary-box .title {\r\n color: white;\r\n font-weight: bold;\r\n padding: 6px 5px;\r\n vertical-align: middle;\r\n background-color: #4A92CE;\r\n border-bottom: 1px solid black;\r\n}\r\n\r\n.summary-box .content {\r\n padding: 4px;\r\n background-color: #F6F6F6;\r\n}\r\n\r\n.summary-box .group {\r\n border-bottom: 1px solid black;\r\n margin-bottom: 10px;\r\n padding: 0 0 10px 10px;\r\n}\r\n\r\n.summary-box .group.last {\r\n border-width: 0px;\r\n margin-bottom: 0;\r\n padding-bottom: 5px;\r\n}\r\n\r\n.summary-box h4 {\r\n margin: 0;\r\n padding: 0 0 3px 0;\r\n font-size: 11px;\r\n font-weight: bold;\r\n}\r\n\r\n.summary-box .hint {\r\n font-size: 10px;\r\n color: grey;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.summary-box .hint .cache-key {\r\n margin-bottom: 7px;\r\n margin-left: 3px;\r\n}\r\n\r\n.summary-box ul {\r\n margin-top: 5px;\r\n margin-bottom: 3px;\r\n padding-left: 30px;\r\n}\r\n\r\n.summary-box li {\r\n padding-bottom: 4px;\r\n}\r\n\r\nspan.cke_skin_kama {\r\n border-width: 0px !important;\r\n -moz-border-radius: 0px !important;\r\n -webkit-border-radius: 0px !important;\r\n padding: 0px !important;\r\n}\r\n\r\n.cke_wrapper{\r\n border-width: 0px !important;\r\n -moz-border-radius: 0px !important;\r\n -webkit-border-radius: 0px !important;\r\n}\r\n\r\n/* Inline CKEditor styles dropdown enlargement */\r\ndiv.cke_combopanel__styles {\r\n width: 200px;\r\n height: 300px;\r\n}\r\n', 'in-portal_logo_img.jpg', 'in-portal_logo_img2.jpg', 'in-portal_logo_login.gif', 'a:22:{s:11:\"HeadBgColor\";a:2:{s:11:\"Description\";s:27:\"Head frame background color\";s:5:\"Value\";s:7:\"#007BF4\";}s:9:\"HeadColor\";a:2:{s:11:\"Description\";s:21:\"Head frame text color\";s:5:\"Value\";s:7:\"#FFFFFF\";}s:14:\"SectionBgColor\";a:2:{s:11:\"Description\";s:28:\"Section bar background color\";s:5:\"Value\";s:7:\"#FFFFFF\";}s:12:\"SectionColor\";a:2:{s:11:\"Description\";s:22:\"Section bar text color\";s:5:\"Value\";s:7:\"#2D79D6\";}s:12:\"HeadBarColor\";a:1:{s:5:\"Value\";s:7:\"#000000\";}s:14:\"HeadBarBgColor\";a:1:{s:5:\"Value\";s:7:\"#1961B8\";}s:13:\"TitleBarColor\";a:1:{s:5:\"Value\";s:7:\"#FFFFFF\";}s:15:\"TitleBarBgColor\";a:1:{s:5:\"Value\";s:7:\"#2D79D6\";}s:14:\"ToolbarBgColor\";a:1:{s:5:\"Value\";s:7:\"#F0F1EB\";}s:14:\"FiltersBgColor\";a:1:{s:5:\"Value\";s:7:\"#D7D7D7\";}s:17:\"ColumnTitlesColor\";a:1:{s:5:\"Value\";s:7:\"#FFFFFF\";}s:19:\"ColumnTitlesBgColor\";a:1:{s:5:\"Value\";s:7:\"#999999\";}s:8:\"OddColor\";a:1:{s:5:\"Value\";s:7:\"#000000\";}s:10:\"OddBgColor\";a:1:{s:5:\"Value\";s:7:\"#F6F6F6\";}s:9:\"EvenColor\";a:1:{s:5:\"Value\";s:7:\"#000000\";}s:11:\"EvenBgColor\";a:1:{s:5:\"Value\";s:7:\"#EBEBEB\";}s:9:\"TreeColor\";a:1:{s:5:\"Value\";s:7:\"#000000\";}s:14:\"TreeHoverColor\";a:1:{s:5:\"Value\";s:7:\"#009FF0\";}s:13:\"TreeHighColor\";a:1:{s:5:\"Value\";s:7:\"#FFFFFF\";}s:18:\"TreeHighHoverColor\";a:1:{s:5:\"Value\";s:7:\"#FFFFFF\";}s:15:\"TreeHighBgColor\";a:1:{s:5:\"Value\";s:7:\"#4A92CE\";}s:11:\"TreeBgColor\";a:1:{s:5:\"Value\";s:7:\"#DCECF6\";}}', '1615798613', '1', '1');
+INSERT INTO AdminSkins VALUES(DEFAULT, 'Default', '/* General elements */\r\n\r\nhtml {\r\n height: 100%;\r\n}\r\n\r\nbody {\r\n font-family: verdana,arial,helvetica,sans-serif;\r\n color: #000000;\r\n overflow-x: auto; overflow-y: auto;\r\n margin: 0px 0px 0px 0px;\r\n text-decoration: none;\r\n}\r\n\r\nbody, td {\r\n /* fix for Firefox, when font-size was not inherited in table cells */\r\n font-size: 9pt;\r\n}\r\n\r\na {\r\n color: #006699;\r\n text-decoration: none;\r\n}\r\n\r\na:hover {\r\n color: #009ff0;\r\n text-decoration: none;\r\n}\r\n\r\nform {\r\n display: inline;\r\n}\r\n\r\nimg { border: 0px; }\r\n\r\nbody.height-100 {\r\n height: 100%;\r\n}\r\n\r\nbody.regular-body {\r\n margin: 0px 10px 5px 10px;\r\n color: #000000;\r\n background-color: @@SectionBgColor@@;\r\n}\r\n\r\nbody.edit-popup {\r\n margin: 0px 0px 0px 0px;\r\n}\r\n\r\ntable.collapsed {\r\n border-collapse: collapse;\r\n}\r\n\r\n.bordered, table.bordered, .bordered-no-bottom {\r\n border: 1px solid #000000 !important;\r\n border-top-width: 0px;\r\n border-collapse: collapse;\r\n}\r\n\r\n.bordered-no-bottom {\r\n border-top-width: 1px;\r\n border-bottom: none;\r\n}\r\n\r\n.login-table td {\r\n padding: 1px;\r\n}\r\n\r\n.disabled {\r\n background-color: #ebebeb;\r\n}\r\n\r\n/* Head frame */\r\ntable.head-table {\r\n background: url(\'@@base_url@@/core/admin_templates/img/top_frame/right_background.png\') top right @@HeadBgColor@@ no-repeat;\r\n}\r\n\r\n.head-table tr td, .head-table tr td a {\r\n color: @@HeadColor@@\r\n}\r\n\r\ndiv#extra_toolbar td.button-active {\r\n background: url(\'@@base_url@@/core/admin_templates/img/top_frame/toolbar_button_background.gif\') bottom left repeat-x;\r\n height: 22px;\r\n}\r\n\r\ndiv#extra_toolbar td.button-active a {\r\n color: black;\r\n text-decoration: none;\r\n}\r\n\r\ntd.kx-block-header, .head-table tr td.kx-block-header{\r\n color: @@HeadBarColor@@;\r\n background: url(\'@@base_url@@/core/admin_templates/img/top_frame/toolbar_background.gif\') repeat-x top left;\r\n /*background-color: @@HeadBarBgColor@@;*/\r\n padding-left: 7px;\r\n padding-right: 7px;\r\n}\r\n\r\na.kx-header-link {\r\n text-decoration: underline;\r\n font-weight: bold;\r\n color: #0080C8;\r\n}\r\n\r\na.kx-header-link:hover {\r\n color: #FFCB05;\r\n text-decoration: none;\r\n}\r\n\r\n.kx-secondary-foreground {\r\n color: #FFFFFF;\r\n /*background-color: @@HeadBarBgColor@@;*/\r\n}\r\n\r\n.kx-login-button {\r\n background-color: #2D79D6;\r\n color: #FFFFFF;\r\n}\r\n\r\n/* General form button (yellow) */\r\n.button {\r\n font-size: 12px;\r\n font-weight: normal;\r\n color: #000000;\r\n background: url(\'@@base_url@@/core/admin_templates/img/button_back.gif\') #f9eeae repeat-x;\r\n text-decoration: none;\r\n}\r\n\r\n/* Disabled (grayed-out) form button */\r\n.button-disabled {\r\n font-size: 12px;\r\n font-weight: normal;\r\n color: #676767;\r\n background: url(\'@@base_url@@/core/admin_templates/img/button_back_disabled.gif\') #f9eeae repeat-x;\r\n text-decoration: none;\r\n}\r\n\r\n/* Tabs bar */\r\n\r\n.tab, .tab-active {\r\n background-color: #F0F1EB;\r\n padding: 3px 7px 2px 7px;\r\n border-top: 1px solid black;\r\n border-left: 1px solid black;\r\n border-right: 1px solid black;\r\n margin-left: 3px !important;\r\n white-space: nowrap;\r\n}\r\n\r\n.tab-active {\r\n background-color: #4487D9;\r\n}\r\n\r\n.tab a {\r\n color: #4487D9;\r\n font-weight: bold;\r\n}\r\n\r\n.tab-active a {\r\n color: #FFFFFF;\r\n font-weight: bold;\r\n}\r\n\r\na.scroll-left, a.scroll-right {\r\n cursor: pointer;\r\n display: block;\r\n float: left;\r\n height: 18px;\r\n margin: 0px 1px;\r\n width: 18px;\r\n}\r\n\r\na.scroll-left {\r\n background: transparent url(\'@@base_url@@/core/admin_templates/img/tabs/left.png\') no-repeat scroll 0 0;\r\n}\r\n\r\na.scroll-right {\r\n background: transparent url(\'@@base_url@@/core/admin_templates/img/tabs/right.png\') no-repeat scroll 0 0;\r\n}\r\n\r\na.disabled {\r\n visibility: hidden !important;\r\n}\r\n\r\na.scroll-left:hover, a.scroll-right:hover {\r\n background-position: 0 -18px;\r\n}\r\n\r\ntd.scroll-right-container {\r\n width: 20px;\r\n}\r\n\r\ntd.scroll-right-container.disabled, td.scroll-right-container.disabled * {\r\n width: 0px;\r\n margin: 0px;\r\n}\r\n\r\ntd.scroll-right-container.disabled br {\r\n display: none;\r\n}\r\n\r\n/* Toolbar */\r\n\r\n.toolbar {\r\n font-size: 8pt;\r\n border: 1px solid #000000;\r\n border-width: 0px 1px 1px 1px;\r\n background-color: @@ToolbarBgColor@@;\r\n border-collapse: collapse;\r\n}\r\n\r\n.toolbar td {\r\n height: 100%;\r\n}\r\n\r\n.toolbar-button, .toolbar-button-disabled, .toolbar-button-over {\r\n float: left;\r\n text-align: center;\r\n font-size: 8pt;\r\n padding: 5px 5px 5px 5px;\r\n vertical-align: middle;\r\n color: #006F99;\r\n}\r\n\r\n.toolbar-button-over {\r\n color: #000;\r\n}\r\n\r\n.toolbar-button-disabled {\r\n color: #444;\r\n}\r\n\r\n/* Scrollable Grids */\r\n\r\n\r\n.layout-only-table td {\r\n border: none !important;\r\n}\r\n\r\n/* Main Grid class */\r\n.grid-scrollable {\r\n padding: 0px;\r\n border: 1px solid black !important;\r\n border-top: none !important;\r\n}\r\n\r\n/* Div generated by js, which contains all the scrollable grid elements, affects the style of scrollable area without data (if there are too few rows) */\r\n.grid-container {\r\n background-color: #fff;\r\n}\r\n\r\n.grid-container table {\r\n border-collapse: collapse;\r\n}\r\n\r\n/* Inner div generated in each data-cell */\r\n.grid-cell-div {\r\n overflow: hidden;\r\n height: auto;\r\n}\r\n\r\n/* Main row definition */\r\n.grid-data-row td, .grid-data-row-selected td, .grid-data-row-even-selected td, .grid-data-row-mouseover td, .table-color1, .table-color2, .grid-edit-table .edit-form-odd > td, .grid-edit-table .edit-form-even > td {\r\n font-weight: normal;\r\n color: @@OddColor@@;\r\n background-color: @@OddBgColor@@;\r\n padding: 3px 5px 3px 5px;\r\n overflow: hidden;\r\n border-right: 1px solid #c9c9c9;\r\n}\r\n.grid-data-row-even td, .table-color2, .grid-edit-table .edit-form-even > td {\r\n background-color: @@EvenBgColor@@;\r\n color: @@EvenColor@@;\r\n}\r\n.grid-data-row td a, .grid-data-row-selected td a, .grid-data-row-mouseover td a {\r\n text-decoration: underline;\r\n}\r\n\r\n/* mouse-over rows */\r\n.grid-data-row-mouseover td, table tr.grid-data-row[_row_highlighted] td {\r\n background: #FFFDF4;\r\n}\r\n\r\n/* Selected row, applies to both checkbox and data areas */\r\n.grid-data-row-selected td, table tr.grid-data-row[_row_selected] td {\r\n background: #FEF2D6;\r\n}\r\n\r\n.grid-data-row-even-selected td, .grid-data-row-even[_row_selected] td {\r\n background: #FFF7E0;\r\n}\r\n\r\n/* General header cell definition */\r\n.grid-header-row td {\r\n font-weight: bold;\r\n background-color: @@ColumnTitlesBgColor@@;\r\n text-decoration: none;\r\n padding: 3px 5px 3px 5px;\r\n color: @@ColumnTitlesColor@@;\r\n border-right: none;\r\n text-align: left;\r\n vertical-align: middle !important;\r\n white-space: nowrap;\r\n border-right: 1px solid #777;\r\n}\r\n\r\n/* Filters row */\r\ntr.grid-header-row-1 td {\r\n background-color: @@FiltersBgColor@@;\r\n border-bottom: 1px solid black;\r\n}\r\n\r\n/* Grid Filters */\r\ntable.range-filter {\r\n width: 100%;\r\n}\r\n\r\n.range-filter td {\r\n padding: 0px 0px 2px 2px !important;\r\n border: none !important;\r\n font-size: 8pt !important;\r\n font-weight: normal !important;\r\n text-align: left;\r\n color: #000000 !important;\r\n}\r\n\r\ninput.filter, select.filter, input.filter-active, select.filter-active {\r\n margin-bottom: 0px;\r\n border: 1px solid #aaa;\r\n}\r\n\r\ninput.filter-active {\r\n background-color: #FFFF00;\r\n}\r\n\r\nselect.filter-active {\r\n background-color: #FFFF00;\r\n}\r\n\r\ndiv.filter, div.filter-active {\r\n background-color: white;\r\n border: 1px solid #AAAAAA;\r\n color: black;\r\n font-weight: normal;\r\n padding: 3px;\r\n}\r\n\r\ndiv.filter-active {\r\n background-color: #FFFF00;\r\n}\r\n\r\ndiv.multioptions_filter {\r\n position: absolute;\r\n z-index: 100;\r\n color: black;\r\n background-color: white;\r\n border: 1px solid black;\r\n padding: 3px 5px;\r\n display: none;\r\n vertical-align: middle;\r\n}\r\n\r\ndiv.multioptions_filter > div:first-child {\r\n overflow-y: auto;\r\n max-height: 200px;\r\n}\r\n\r\n/* Column titles row */\r\ntr.grid-header-row-0 td {\r\n height: 25px;\r\n font-weight: bold;\r\n background-color: @@ColumnTitlesBgColor@@;\r\n color: @@ColumnTitlesColor@@;\r\n border-bottom: 1px solid black;\r\n}\r\n\r\ntr.grid-header-row-0 td a {\r\n color: @@ColumnTitlesColor@@;\r\n}\r\n\r\ntr.grid-header-row-0 td a:hover {\r\n color: #FFCC00;\r\n}\r\n\r\n\r\n.grid-footer-row td {\r\n background-color: #D7D7D7;\r\n font-weight: bold;\r\n border-right: 1px solid #C9C9C9;\r\n padding: 3px 5px 3px 5px;\r\n}\r\n\r\ntd.grid-header-last-cell, td.grid-data-last-cell, td.grid-footer-last-cell {\r\n border-right: none !important;\r\n}\r\n\r\ntd.grid-data-col-0, td.grid-data-col-0 div {\r\n text-align: center;\r\n vertical-align: middle !important;\r\n}\r\n\r\ntr.grid-header-row-1 td.grid-header-col-1 {\r\n text-align: center;\r\n vertical-align: middle !important;\r\n}\r\n\r\ntr.grid-header-row-1 td.grid-header-col-1 div {\r\n display: table-cell;\r\n vertical-align: middle;\r\n}\r\n\r\n.grid-status-bar {\r\n border: 1px solid black;\r\n border-top: none;\r\n padding: 0px;\r\n width: 100%;\r\n border-collapse: collapse;\r\n height: 30px;\r\n}\r\n\r\n.grid-status-bar td {\r\n background-color: @@TitleBarBgColor@@;\r\n color: @@TitleBarColor@@;\r\n font-size: 11pt;\r\n font-weight: normal;\r\n padding: 2px 8px 2px 8px;\r\n}\r\n\r\n/* /Scrollable Grids */\r\n\r\n\r\n/* Forms */\r\ntable.edit-form {\r\n border: none;\r\n border-top-width: 0px !important;\r\n border-collapse: collapse;\r\n width: 100%;\r\n}\r\n\r\n.edit-form-odd, .edit-form-even {\r\n padding: 0px;\r\n}\r\n\r\n.subsectiontitle, td.subsectiontitle-cell {\r\n font-size: 10pt;\r\n font-weight: bold;\r\n background-color: #4A92CE;\r\n color: #fff;\r\n height: 25px;\r\n border-top: 1px solid black;\r\n vertical-align: middle;\r\n}\r\n\r\n/* remove top-border from first sub-section element */\r\ntable.edit-form .subsectiontitle:first-child, table.bordered .subsectiontitle:first-child {\r\n border-top-width: 0;\r\n}\r\n\r\ntable.edit-form tr:nth-child(-n+2) td.subsectiontitle-cell, table.bordered tr:nth-child(-n+2) td.subsectiontitle-cell {\r\n border-top-width: 0;\r\n}\r\n\r\n.subsectiontitle td, td.subsectiontitle-cell {\r\n vertical-align: middle;\r\n /*padding: 3px 5px 3px 5px;*/\r\n padding: 1px 5px;\r\n}\r\n\r\ntd.parent-cell {\r\n width: 10px;\r\n text-align: center;\r\n background-color: #EBF0FA;\r\n}\r\n\r\ntd.subsectiontitle-cell.parent-cell {\r\n background-color: #93BEE1;\r\n}\r\n\r\n.label-cell {\r\n background: #DEE7F6 url(\'@@base_url@@/core/admin_templates/img/bgr_input_name_line.gif\') no-repeat right bottom;\r\n font: 12px arial, sans-serif;\r\n padding: 4px 20px;\r\n width: 160px;\r\n}\r\n\r\n.control-mid {\r\n width: 13px;\r\n border-left: 1px solid #7A95C2;\r\n background: #fff url(\'@@base_url@@/core/admin_templates/img/bgr_mid.gif\') repeat-x left bottom;\r\n}\r\n\r\n.control-cell {\r\n font: 11px arial, sans-serif;\r\n padding: 4px 10px 5px 5px;\r\n background: #fff url(\'@@base_url@@/core/admin_templates/img/bgr_input_line.gif\') no-repeat left bottom;\r\n width: auto;\r\n vertical-align: middle;\r\n}\r\n\r\n.label-cell-filler {\r\n background: #DEE7F6 none;\r\n}\r\n.control-mid-filler {\r\n background: #fff none;\r\n border-left: 1px solid #7A95C2;\r\n}\r\n.control-cell-filler {\r\n background: #fff none;\r\n}\r\n\r\n.error {\r\n color: red;\r\n}\r\n.error-cell {\r\n color: red;\r\n}\r\n\r\n.field-required {\r\n color: red;\r\n}\r\n\r\n.warning-table {\r\n background-color: #F0F1EB;\r\n border: 1px solid #000000;\r\n border-collapse: collapse;\r\n border-top-width: 0px;\r\n}\r\n\r\n.form-notice, .form-warning {\r\n font-size: 11px;\r\n}\r\n\r\n.form-warning {\r\n color: red;\r\n}\r\n\r\n.form-notice {\r\n color: green;\r\n}\r\n\r\n.priority {\r\n color: red;\r\n padding-left: 1px;\r\n padding-right: 1px;\r\n font-size: 11px;\r\n}\r\n\r\n.small-statistics {\r\n font-size: 11px;\r\n color: #707070;\r\n}\r\n\r\n.req-note {\r\n font-style: italic;\r\n color: #333;\r\n}\r\n\r\n#scroll_container table.tableborder {\r\n border-collapse: separate\r\n}\r\n\r\nlabel.checkbox {\r\n white-space: nowrap;\r\n}\r\n\r\n/* Uploader */\r\n.uploader-queue div.file {\r\n font-size: 11px;\r\n border: 1px solid #7F99C5;\r\n padding: 3px;\r\n background-color: #DEE7F6;\r\n margin-bottom: 2px;\r\n}\r\n\r\n.uploader-queue .left {\r\n float: left;\r\n vertical-align: top;\r\n}\r\n\r\n.uploader-queue .file-label {\r\n margin-left: 5px;\r\n}\r\n\r\n.uploader-queue .preview .delete-checkbox {\r\n margin-top: -3px;\r\n}\r\n\r\n.uploader-queue .progress-container {\r\n margin: 2px 5px 0px 5px;\r\n}\r\n\r\n.uploader-queue .progress-empty {\r\n width: 150px;\r\n height: 9px;\r\n border: 1px solid black;\r\n background: url(\'@@base_url@@/core/admin_templates/img/progress_left.gif\') repeat-x;\r\n}\r\n\r\n.uploader-queue .progress-full {\r\n height: 9px;\r\n background: url(\'@@base_url@@/core/admin_templates/img/progress_done.gif\');\r\n}\r\n\r\n.uploader-queue .thumbnail {\r\n /*margin-bottom: 2px;*/\r\n border: 1px solid black;\r\n background-color: grey;\r\n}\r\n\r\n/* To be sorted */\r\nspan#category_path, span#category_path a {\r\n color: #FFFFFF;\r\n}\r\n\r\nspan#category_path a {\r\n text-decoration: underline;\r\n}\r\n\r\n/* Section title, right to the big icon */\r\n.admintitle {\r\n font-size: 16pt;\r\n font-weight: bold;\r\n color: @@SectionColor@@;\r\n text-decoration: none;\r\n}\r\n\r\n/* Page header (bluebar) */\r\n.page-title td {\r\n background-color: @@TitleBarBgColor@@;\r\n color: @@TitleBarColor@@;\r\n font-size: 11pt;\r\n font-weight: normal;\r\n padding: 2px 8px 2px 8px;\r\n}\r\n\r\n/* Right side of bluebar */\r\n.tablenav, tablenav a {\r\n font-size: 11pt;\r\n font-weight: bold;\r\n color: @@TitleBarColor@@;\r\n\r\n text-decoration: none;\r\n background-color: @@TitleBarBgColor@@;\r\n background-image: none;\r\n}\r\n\r\n/* Section title in the bluebar * -- why \'link\'? :S */\r\n.tablenav_link {\r\n font-size: 11pt;\r\n font-weight: bold;\r\n color: @@TitleBarColor@@;\r\n text-decoration: none;\r\n}\r\n\r\n/* Active page in top and bottom bluebars pagination */\r\n.current_page {\r\n font-size: 10pt;\r\n font-weight: bold;\r\n background-color: #fff;\r\n color: #2D79D6;\r\n padding: 3px 2px 3px 3px;\r\n}\r\n\r\n/* Other pages and arrows in pagination on blue */\r\n.nav_url {\r\n font-size: 10pt;\r\n font-weight: bold;\r\n color: #fff;\r\n padding: 3px 2px 3px 3px;\r\n}\r\n\r\n/* Tree */\r\n.tree-body {\r\n background-color: @@TreeBgColor@@;\r\n height: 100%\r\n}\r\n\r\n.tree_head.td, .tree_head, .tree_head:hover {\r\n font-weight: bold;\r\n font-size: 10px;\r\n color: #FFFFFF;\r\n font-family: Verdana, Arial;\r\n text-decoration: none;\r\n}\r\n\r\n.tree {\r\n padding: 0px;\r\n border: none;\r\n border-collapse: collapse;\r\n}\r\n\r\n.tree tr td {\r\n padding: 0px;\r\n margin: 0px;\r\n font-family: helvetica, arial, verdana,;\r\n font-size: 11px;\r\n white-space: nowrap;\r\n}\r\n\r\n.tree tr td a {\r\n font-size: 11px;\r\n color: @@TreeColor@@;\r\n font-family: Helvetica, Arial, Verdana;\r\n text-decoration: none;\r\n padding: 2px;\r\n}\r\n\r\n.tree tr td a:hover, .tree tr td a.debug-only-item:hover {\r\n color: @@TreeHoverColor@@;\r\n}\r\n\r\n.tree tr.highlighted td a, .tree tr.highlighted td a.debug-only-item {\r\n color: @@TreeHighColor@@;\r\n background-color: @@TreeHighBgColor@@;\r\n}\r\n\r\n.tree tr.highlighted td a:hover {\r\n color: @@TreeHighHoverColor@@;\r\n}\r\n\r\n.tree tr td a.debug-only-item {\r\n color: grey;\r\n}\r\n\r\n/* Ajax Dropdown */\r\n.suggest-box {\r\n border: 1px solid #999;\r\n background-color: #fff;\r\n}\r\n\r\n.suggest-item, .suggest-item-over {\r\n padding: 1px 2px 0px 2px;\r\n font-family: arial,verdana;\r\n font-size: 12px;\r\n}\r\n\r\n.suggest-item-over {\r\n background-color: #3366CC;\r\n color: #fff;\r\n}\r\n\r\n/* Dashboard Summary Boxes */\r\n.summary-box {\r\n border: 1px solid black;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.summary-box .title {\r\n color: white;\r\n font-weight: bold;\r\n padding: 6px 5px;\r\n vertical-align: middle;\r\n background-color: #4A92CE;\r\n border-bottom: 1px solid black;\r\n}\r\n\r\n.summary-box .content {\r\n padding: 4px;\r\n background-color: #F6F6F6;\r\n}\r\n\r\n.summary-box .group {\r\n border-bottom: 1px solid black;\r\n margin-bottom: 10px;\r\n padding: 0 0 10px 10px;\r\n}\r\n\r\n.summary-box .group.last {\r\n border-width: 0px;\r\n margin-bottom: 0;\r\n padding-bottom: 5px;\r\n}\r\n\r\n.summary-box h4 {\r\n margin: 0;\r\n padding: 0 0 3px 0;\r\n font-size: 11px;\r\n font-weight: bold;\r\n}\r\n\r\n.summary-box .hint {\r\n font-size: 10px;\r\n color: grey;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.summary-box .hint .cache-key {\r\n margin-bottom: 7px;\r\n margin-left: 3px;\r\n}\r\n\r\n.summary-box ul {\r\n margin-top: 5px;\r\n margin-bottom: 3px;\r\n padding-left: 30px;\r\n}\r\n\r\n.summary-box li {\r\n padding-bottom: 4px;\r\n}\r\n\r\nspan.cke_skin_kama {\r\n border-width: 0px !important;\r\n -moz-border-radius: 0px !important;\r\n -webkit-border-radius: 0px !important;\r\n padding: 0px !important;\r\n}\r\n\r\n.cke_wrapper{\r\n border-width: 0px !important;\r\n -moz-border-radius: 0px !important;\r\n -webkit-border-radius: 0px !important;\r\n}\r\n\r\n/* Inline CKEditor styles dropdown enlargement */\r\ndiv.cke_combopanel__styles {\r\n width: 200px;\r\n height: 300px;\r\n}\r\n', 'in-portal_logo_img.jpg', 'in-portal_logo_img2.jpg', 'in-portal_logo_login.gif', 'a:22:{s:11:\"HeadBgColor\";a:2:{s:11:\"Description\";s:27:\"Head frame background color\";s:5:\"Value\";s:7:\"#007BF4\";}s:9:\"HeadColor\";a:2:{s:11:\"Description\";s:21:\"Head frame text color\";s:5:\"Value\";s:7:\"#FFFFFF\";}s:14:\"SectionBgColor\";a:2:{s:11:\"Description\";s:28:\"Section bar background color\";s:5:\"Value\";s:7:\"#FFFFFF\";}s:12:\"SectionColor\";a:2:{s:11:\"Description\";s:22:\"Section bar text color\";s:5:\"Value\";s:7:\"#2D79D6\";}s:12:\"HeadBarColor\";a:1:{s:5:\"Value\";s:7:\"#000000\";}s:14:\"HeadBarBgColor\";a:1:{s:5:\"Value\";s:7:\"#1961B8\";}s:13:\"TitleBarColor\";a:1:{s:5:\"Value\";s:7:\"#FFFFFF\";}s:15:\"TitleBarBgColor\";a:1:{s:5:\"Value\";s:7:\"#2D79D6\";}s:14:\"ToolbarBgColor\";a:1:{s:5:\"Value\";s:7:\"#F0F1EB\";}s:14:\"FiltersBgColor\";a:1:{s:5:\"Value\";s:7:\"#D7D7D7\";}s:17:\"ColumnTitlesColor\";a:1:{s:5:\"Value\";s:7:\"#FFFFFF\";}s:19:\"ColumnTitlesBgColor\";a:1:{s:5:\"Value\";s:7:\"#999999\";}s:8:\"OddColor\";a:1:{s:5:\"Value\";s:7:\"#000000\";}s:10:\"OddBgColor\";a:1:{s:5:\"Value\";s:7:\"#F6F6F6\";}s:9:\"EvenColor\";a:1:{s:5:\"Value\";s:7:\"#000000\";}s:11:\"EvenBgColor\";a:1:{s:5:\"Value\";s:7:\"#EBEBEB\";}s:9:\"TreeColor\";a:1:{s:5:\"Value\";s:7:\"#000000\";}s:14:\"TreeHoverColor\";a:1:{s:5:\"Value\";s:7:\"#009FF0\";}s:13:\"TreeHighColor\";a:1:{s:5:\"Value\";s:7:\"#FFFFFF\";}s:18:\"TreeHighHoverColor\";a:1:{s:5:\"Value\";s:7:\"#FFFFFF\";}s:15:\"TreeHighBgColor\";a:1:{s:5:\"Value\";s:7:\"#4A92CE\";}s:11:\"TreeBgColor\";a:1:{s:5:\"Value\";s:7:\"#DCECF6\";}}', 1679998342, 1, 1);
INSERT INTO LocalesList VALUES
(1, '0x0436', 'Afrikaans (South Africa)', 'af-ZA', 'Latn', '1252'),
Index: core/install/upgrades.css
===================================================================
--- core/install/upgrades.css
+++ core/install/upgrades.css
@@ -868,3 +868,40 @@
/* Column titles row */
tr.grid-header-row-0 td {
height: 25px;
+@@ -445,7 +450,7 @@
+ padding: 0px;
+ }
+
+-.subsectiontitle {
++.subsectiontitle, td.subsectiontitle-cell {
+ font-size: 10pt;
+ font-weight: bold;
+ background-color: #4A92CE;
+@@ -460,12 +465,26 @@
+ border-top-width: 0;
+ }
+
+-.subsectiontitle td {
++table.edit-form tr:nth-child(-n+2) td.subsectiontitle-cell, table.bordered tr:nth-child(-n+2) td.subsectiontitle-cell {
++ border-top-width: 0;
++}
++
++.subsectiontitle td, td.subsectiontitle-cell {
+ vertical-align: middle;
+ /*padding: 3px 5px 3px 5px;*/
+ padding: 1px 5px;
+ }
+
++td.parent-cell {
++ width: 10px;
++ text-align: center;
++ background-color: #EBF0FA;
++}
++
++td.subsectiontitle-cell.parent-cell {
++ background-color: #93BEE1;
++}
++
+ .label-cell {
+ background: #DEE7F6 url('@@base_url@@/core/admin_templates/img/bgr_input_name_line.gif') no-repeat right bottom;
+ font: 12px arial, sans-serif;
Event Timeline
Log In to Comment