C. Systems Administration

Adjust the display settings

Path for configuring display settings.

The appearance of the documents to be compared can be customized to suit your requirements. This can be done by using the appropriate icons. Alternatively, settings can be configured using a CSS style sheet. To demonstrate just how easy this is, here is an example of a setting customized for a client by axaio together with Gold Partner maidl service.

Example of a customized display.

Standard issue display of results.

MadeToCompare icons.

The following files contain customization commands:

  • the ‘gif’ folder contains icons which can only be customized with the help of a separate program, such as Adobe Illustrator
  • the ‘HTML’ folder contains three files ending in .css:
mtc_custom_printstyles.css
This allows you to customize the print setting.
mtc_custom_styles.css
This allows you to customize the display on your screen.

Standard entries and examples are defined in the two files mtc_styles.css and mtc_printstyles.css. You can copy settings out of here into custom_styles.

Each text comparison in MTC automatically generates the files mtc_result-in.html (compare text with line number), mtc_result_print.html (print setting) and mzc_result.html (compare text without line count). These files are automatically deleted by InCopy when you reboot.

We advise you only to modify the .css files if you are familiar with how they are set up.

The next page shows you the entries for a modified display of page 16 of this manual. The appearance has been adjusted for working with a 20 inch monitor.

/*
MadeToCompare Custom Styles
*/
/*
Style for Text, missing in the older document
*/
span.text_inserted_class { text-decoration: none; font-weight: normal; color: #E41B5B; }
/*
Style for Text, missing in the new document
*/
span.text_deleted_class { text-decoration: line-through; font-weight: normal; font-size: 12 pt; color: #828282; background-color: #C7C7C7; line-height: 180%; }
/*
Text, having been changed in both documents old and new
*/
span.text_modified_class { font-style: normal; font-weight: normal; background-color: #CCCCFF; }
/*
Table styles vertical-align: top;
*/
td { text-align: left; }
/*
Style for numeration of lines
*/
td.table_col_left_numbers_class { width: 40px; min-width: 1px; max-width: 50px; font-family:  ZeGaramond, sans-serif, Times; font-size: 16 pt; line-height: 180%;}
/*
Style for old text, in case the line numbers are not displayed
*/
td.table_col_left_doc_without_numbers_class { background-color: #FFFFFF; color: #000000; width: 350px; min-width: 350px; max-width: 350px; padding-left: 10; font-size: 16 pt; line-height: 180%;}

/*
Style for old text when line numbers are displayed
*/
td.table_col_left_doc_class { background-color: #FFFFFF; width: 350px; min-width: 350px; max-width: 350px; padding-left: 20; font-size: 16 pt; color: #000000; line-height: 180%; }
/*
Style for the new text
*/
td.table_col_right_doc_class { background-color: #FFFFFF; width: 350px; padding-left: 20; font-size: 16 pt; line-height: 180%; }
/*
Style for the result window
*/
td.table_col_differences_class { width: 350px; padding-left: 20; font-size: 16 pt; line-height: 180%; }

/*
Style for columns with arrows on the right margin
*/
td.table_col_links_class { background-color: #FFFFFF; width: 20px; min-width: 20px; max-width: 20px; padding-left: 10; font-size: 16 pt; color: #000000; line-height: 180%;}
/*
Styles for horizontal lines in table
*/
td.table_line_1-3_class { background: #7f7f7f; height: 4; }
td.table_line_4_class { background: #7f7f7f; height: 4; width: 0; }

0 Comments

Add your comment

E-Mail me when someone replies to this comment